CSS sa spolieha na pravidlá zhody vzoru, aby určil, ktorý štýl sa vzťahuje na ktorý prvok v dokumente. Tieto vzory sa nazývajú selektory a rozsah od názvov značiek (napríklad,
p ktoré zodpovedajú značkám odseku) do veľmi zložitých vzorov, ktoré zodpovedajú veľmi špecifickým častiam dokumentu (napríklad,
p # myid> b.highlight by sa zhodoval s ľubovoľným
b tag s triedou
Zlatý klinec to je dieťa odseku s id
MYiD).
Volič CSS je súčasťou volania štýlu CSS, ktorý identifikuje, ktorá časť webovej stránky by mala byť štylizovaná. Selektor obsahuje jednu alebo viac vlastností, ktoré určujú, ako bude vybraný HTML štýlový.
Výbery CSS
Existuje niekoľko rôznych typov voličov:
- typové voliče - zodpovedajúce konkrétnemu prvku
- selektory triedy - zodpovedajúce prvky s určitou triedou
- Selektory ID - zodpovedajúce prvku s konkrétnym ID
- výberové sekvencie - zodpovedajúce prvky, ktoré sú potomkami konkrétneho prvku
- detské selektory - zodpovedajúce prvky, ktoré sú dieťaťom špecifického prvku
- univerzálne voliče - zodpovedajúce ľubovoľnému prvku
- priľahlých selektorov súrodencov - zodpovedajúce prvky, ktoré bezprostredne predchádza špecifický prvok
- selektory atribútov - zodpovedajúce prvky s určitým atribútom alebo hodnotou atribútu
- selektory pseudotriedy - zodpovedajúce prvky so špecifickou pseudotriedou
- selektory pseudo-prvkov - zodpovedajúce prvky so špecifickými vlastnosťami pseudo-prvkov
Formátovať štýly CSS a výbery CSS
Formát štýlu CSS vyzerá takto:
selektor {vlastnosť štýlu: štýl; }
Oddeľte viacero výberov, ktoré majú rovnaký štýl s čiarkami. Toto sa nazýva zoskupenie voličov. Napríklad:
selector1 , selector2 {vlastnosť štýlu: štýl; }
Zoskupovanie voličov je skrátený mechanizmus, ktorý zachová kompaktné štýly CSS. Vyššie uvedené zoskupenie by malo rovnaký účinok ako:
selector1 {vlastnosť štýlu: štýl; }selector2 {vlastnosť štýlu: štýl; } Nie všetky prehliadače podporujú všetky voľby CSS. Nezabudnite teda vyskúšať svoje výberové zariadenia v čo najväčšom počte prehliadačov v čo najväčšom počte operačných systémov. Ale ak používate selektory CSS1 alebo CSS2, mali by ste byť v poriadku. Vždy si vyskúšajte výbery CSS
