Selectori CSS. Selectorul de grupare CSS. Selectori simpli CSS.

Susține Lectii-Virtuale!

Selectorul de grupare CSS

Selectorul de grupare selectează toate elementele HTML cu aceleași definiții de stil.

Uitați-vă la următorul cod CSS (elementele h1, h2 și p au aceleași definiții de stil):

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

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

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

Va fi mai bine să grupați selectoarele, pentru a minimiza codul.
Pentru a grupa selectori, separați fiecare selector cu o virgulă.

Exemplu:

În acest exemplu am grupat selectoarele din codul de mai sus:

h1, h2, p {
  text-align: center;
  color: red;
}

Toți selectorii simplii CSS:
 

Selector	Exemplu	Exemplu descriere
.class	.intro	Selectează toate elementele cu class = "intro"
#id	#firstname	Selectează elementul cu id = "firstname"
*	*	Selectează toate elementele
element	p	Selectează toate elementele p
element,element,..	div, p	Selectează toate elementele div și toate elementele p