Selectori CSS. Selectorul CSS class. Selectorul universal CSS.

Susține Lectii-Virtuale!

Selectorul CSS class

Selectorul de clase (class) selectează elemente HTML cu un atribut de clasă specific.
Pentru a selecta elemente cu o anumită clasă, scrieți un caracter (.), urmat de numele clasei.

Exemplu:

În acest exemplu, toate elementele HTML cu class = "center" vor fi roșii și sunt aliniate la centru (center-aligned): 

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

Puteți specifica, de asemenea, că numai anumite elemente HTML ar trebui să fie afectate de o clasă.

Exemplu:

În acest exemplu, numai elementele <p> cu class = "center" vor fi aliniate la centru (center-aligned):

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

Elementele HTML se pot referi, de asemenea, la mai multe clase.

Exemplu:

În acest exemplu elementul <p> va fi stilat în funcție de class = "center" și de class = "large":

<p class = "center large"> Acest alineat se referă la două clase. </p>

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

Selectorul universal CSS

Selectorul universal (*) selectează toate elementele HTML din pagină.

Exemplu:

Regula CSS de mai jos va afecta fiecare element HTML din pagină:

* {
  text-align: center;
  color: blue;
}