Selectori CSS. Selectorul CSS class. Selectorul universal CSS.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
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;
}