Selectori CSS. Selectorul de elemente CSS. Selectorul CSS id.

Susține Lectii-Virtuale!

Selectori CSS

Selectoarele CSS sunt utilizate pentru a „găsi” (sau a selecta) elementele HTML pe care doriți să le modelați.

Putem împărți selectorii CSS în cinci categorii:

• Selectoare simple (selectează elemente bazate pe nume, id, clasă).
• Selectoare combinate (elemente selectate bazate pe o relație specifică între ele).
• Selectori de clasă pseudo (elemente selectate bazate pe o anumită stare).
• Selectoare pseudo-elemente (selectează și stilează o parte dintr-un element).
• Selectori de atribute (elemente selectate bazate pe un atribut sau o valoare de atribut).

Această pagină va explica cei mai de bază selectori CSS.

Selectorul de elemente CSS

Selectorul de elemente selectează elemente HTML pe baza numelui elementului.

Exemplu:

Aici, toate elementele <p> din pagină vor fi aliniate în centru, cu o culoare roșie a textului:

p {
  text-align: center;
  color: red;
}

Selectorul CSS id

Selectorul id utilizează atributul id al unui element HTML pentru a selecta un anumit element.
ID-ul unui element este unic într-o pagină, astfel încât selectorul de id este utilizat pentru a selecta un element unic!
Pentru a selecta un element cu un anumit id, scrieți un caracter hash (#), urmat de id-ul elementului.

Exemplu:

Regula CSS de mai jos va fi aplicată elementului HTML cu id = "para1":

#para1 {
  text-align: center;
  color: red;
}

Notă: Un nume id nu poate începe cu un număr!