Selektor CSS sa používajú vyberte obsah, ktorý chcete upraviť . Selektory sú súčasťou sady pravidiel CSS. Selektor CSS vyberá prvky HTML podľa ich ID, triedy, typu, atribútu atď.
binárny strom vs bst
V CSS existuje niekoľko rôznych typov selektorov.
- Selektor prvkov CSS
- Selektor ID CSS
- Selektor triedy CSS
- Univerzálny selektor CSS
- Selektor skupiny CSS
1) Selektor prvkov CSS
Selektor prvku vyberie prvok HTML podľa 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> Vyskúšajte to Výkon:
Tento štýl sa použije na každý odsek.
šakal vs vlk
Ja tiež!
A mňa!
2) Selektor ID CSS
Selektor id vyberá atribút id prvku HTML na výber konkrétneho prvku. ID je v rámci stránky vždy jedinečné, takže sa vyberie na výber jediného jedinečného prvku.
Zapisuje sa znakom hash (#), za ktorým nasleduje id prvku.
Zoberme si príklad s id 'para1'.
výhody instagramu pre osobné použitie
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Vyskúšajte to Výkon:
Ahoj Javatpoint.com
Tento odsek nebude ovplyvnený.
3) Selektor triedy CSS
Selektor triedy vyberá prvky HTML so špecifickým atribútom triedy. Používa sa s dobovým znakom . (symbol bodka), za ktorým nasleduje názov triedy.
Poznámka: Názov triedy by nemal začínať číslom.
Vezmime si príklad s triedou „stred“.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Vyskúšajte to Výkon:
triediť pole java
Ahoj Javatpoint.com
Ahoj Javatpoint.com (menším písmom)
Toto je odsek.