CSS selektory Jsou používány vyberte obsah, který chcete upravit . Selektory jsou součástí sady pravidel CSS. Selektory CSS vybírají prvky HTML podle jejich id, třídy, typu, atributu atd.
V CSS existuje několik různých typů selektorů.
řetězec a podřetězec
- Selektor prvků CSS
- Selektor CSS ID
- Selektor třídy CSS
- Univerzální selektor CSS
- Selektor skupiny CSS
1) Selektor prvků CSS
Selektor prvku vybere prvek HTML podle názvu.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> Otestujte to hned Výstup:
Tento styl bude aplikován na každý odstavec.
Já také!
A já!
2) Selektor CSS ID
Selektor id vybere atribut id prvku HTML a vybere konkrétní prvek. ID je na stránce vždy jedinečné, takže je vybráno k výběru jediného jedinečného prvku.
Zapisuje se pomocí znaku hash (#), za kterým následuje id prvku.
Vezměme si příklad s id 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Otestujte to hned Výstup:
jak dereferencovat ukazatel v c
Dobrý den Javatpoint.com
Tento odstavec nebude ovlivněn.
3) Selektor třídy CSS
Selektor třídy vybírá prvky HTML se specifickým atributem třídy. Používá se s dobovým znakem . (symbol tečky) následovaný názvem třídy.
Poznámka: Název třídy by neměl začínat číslem.
Vezměme si příklad s třídou 'centrum'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Otestujte to hned Výstup:
Dobrý den Javatpoint.com
Dobrý den Javatpoint.com (menším písmem)
Toto je odstavec.