CSS-selector, en sy rol in die uitleg html-dokument

Die skep van 'n webwerf en vul dit met sekere elemente van die webblad, sal almal 'n term in die gesig staar, soos die CSS-selector. Dit dien om al die elemente van html-lêer van hul ontwerp en plek op die bladsy meer akkuraat te bepaal. Om dit te doen, skep 'n CSS-n dokument wat uitspel sekere keurders en hul opmaak opsies: kleur, grootte, ligging en ander. Elke web ontwerper moet weet en in staat wees om die verlangde keuses behoorlik te betree. Hulle word verdeel deur die tipe, die hoof van wat ons onder bespreek.

Soorte keurders in CSS

Afhangende van waartoe die element toegepas-html formaat, kan CSS-selector betrekking het op een van die volgende groepe:

• tag selector;
• klas selector;
• id-selector;
• skryf selector.

tag selector

Dit staan ook bekend as "tipe selector" of "element", dit is die mees eenvoudige en algemeen. As sy CSS-dokument is die name van die elemente van html-lêer, wat ons beskryf. Byvoorbeeld, as wat ons nodig het om die paragraaf styl stel, ons spesifiseer die eienskappe en hul waardes vir die element p {agtergrond: x; kleur: y; grootte: z}. In hierdie geval, sal die hele paragrawe van die webblad dieselfde formaat hê (agtergrond, teks grootte, en so aan. D.).

klas selector

En wat as jy nodig het om te vra jou elke paragraaf is anders as ander style? Om dit te doen, daar is 'n klas selector.

p.first {kleur:: CSS-dokument in hierdie geval sou 'n inskrywing van die volgende vorm bevat x; font-size: y}. So, ons definieer die eienskappe van "kleur" en "grootte" net vir die eerste klas uitgelig word.

In 'n html-dokument in hierdie geval ingevoer 'n klas kenmerk om die naam van die styl eerste. Klasse kan soveel as die styl wat jy wil aansoek doen vir 'n web bladsy elemente wees.

selector id

Dikwels is daar 'n behoefte aan 'n styl meer akkuraat te definieer, byvoorbeeld om enige een element van die bladsy, of om hulle te proe. In hierdie situasie, kom die hulp ID-selector. Die html lêer toewys 'n verlangde item naam wat dit identifiseer onder die ander. Byvoorbeeld, sal die elemente wat ons wil anders as ander styl te stel die artikel titel wees.

Dan in 'n html-dokument toeken die kop h1 identifiseerder, soos articlename. En in die CSS-lêer, spesifiseer die styl, en voeg by tot die ID naam sierrooster: #articlename {Blou; text-align: center}. En nou, ons kop sal die kleur blou en gesentreer.

Elkeen van die bogenoemde tipes kan beskryf word as " 'n eenvoudige CSS-selector". Hulle definieer die opmaak vir 'n bepaalde parameter van die html-dokument: saam soortgelyke elemente (bv, al die paragrawe van die artikel), een klas (byvoorbeeld, net die eerste paragraaf) of 'n spesifieke item (byvoorbeeld die artikel titel).

skryf keurders

In bykomend tot die bogenoemde, is daar 'n CSS-keurders eienskappe - meer ingewikkeld metode van toediening style. Dit laat html formaat elemente van die gekose eienskap of waarde. Daar is verskeie rasse van hierdie selector:

• deur die teenwoordigheid van die kenmerk;
• by sy presiese waarde;
• deur gedeeltelike kenmerk waarde;
• op sy spesifieke waarde.

Laat ons elkeen van hierdie spesie in ag neem:

1. Die eerste geval. Opmaak toegepas word, indien teenwoordig in 'n spesifieke kenmerk html-kode (dit kan 'n p, div, kop, ens wees). As dit is nie, dit maak gebruik van 'n generiese vir al die elemente van styl. Byvoorbeeld, vir die elemente wat die titel (instrument punt).
2. Die tweede geval. Die styl is slegs van toepassing op die html-elemente wat 'n presiese wedstryd van die kenmerk waardes het. Byvoorbeeld, om insette die elemente, waar die waarde van die tipe kenmerk gelyk dien.
3. Die derde geval. Onder die formaat sal net sluit items in die lys van waardes wat 'n sekere woord het. Byvoorbeeld, sidebar kenmerk "klas" vir elemente div.
4. Die vierde geval. Styl word gedefinieer net vir daardie elemente van html-dokument, waarvan die besondere eienskap het 'n sekere waarde, en begin saam met hom. Byvoorbeeld, die gebruik van die bepaalde kleur aan al die elemente wat die Engelse taal kenmerk (wat nodig mag wees en, af-Roes, en-au en t. D.).

Dus, deur die gebruik van een of die ander, die CSS selector, kan die beste gespesifiseerde as 'n hele webblad, en beskryf sommige van sy elemente.