selectoare CSS sunt folosite pentru a selecta conținutul pe care doriți să-l stilați . Selectorii fac parte din setul de reguli CSS. Selectoarele CSS selectează elementele HTML în funcție de id-ul, clasa, tipul, atributul etc.
Există mai multe tipuri diferite de selectoare în CSS.
10 din 50.00
- Selector de elemente CSS
- Selector de coduri CSS
- Selector de clasă CSS
- Selector universal CSS
- Selector de grup CSS
1) Selector de elemente CSS
Selectorul de elemente selectează elementul HTML după nume.
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>Testează-l acum
Ieșire:
Acest stil va fi aplicat pe fiecare paragraf.
Şi eu!
Si eu!
ce este awt
2) Selector de coduri CSS
Selectorul de id selectează atributul id al unui element HTML pentru a selecta un anumit element. Un ID este întotdeauna unic în pagină, așa că este ales să selecteze un singur element unic.
Este scris cu caracterul hash (#), urmat de id-ul elementului.
Să luăm un exemplu cu id-ul „para1”.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p>Testează-l acum
Ieșire:
mvc java
Bună ziua Javatpoint.com
Acest paragraf nu va fi afectat.
3) Selector de clasă CSS
Selectorul de clasă selectează elemente HTML cu un anumit atribut de clasă. Este folosit cu un caracter punct . (simbolul punctului) urmat de numele clasei.
Notă: Numele unei clase nu trebuie început cu un număr.
Să luăm un exemplu cu un „centru” de clasă.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p>Testează-l acum
Ieșire:
introduceți gestionarea excepțiilor java
Bună ziua Javatpoint.com
Bună ziua Javatpoint.com (Cu font mai mic)
Acesta este un paragraf.