Atributul HTML class. Selectarea elementelor cu o clasă specifică.

Selectați elemente cu o clasă specifică

În CSS, pentru a selecta elemente cu o anumită clasă, scrieți un caracter (.), urmat de numele clasei:

Exemplu:

Utilizați CSS pentru a aplica stiluri tuturor elementelor cu numele clasei „oraș”:
 

<style>
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}
</style>

<h2 class = "city"> Londra </h2>
<p> Londra este capitala Angliei. </p>

<h2 class = "city"> Paris </h2>
<p> Paris este capitala Franței. </p>

<h2 class = "city"> Tokyo </h2>
<p> Tokyo este capitala Japoniei. </p>

Rezultat:


Sfat: Atributul class poate fi folosit pe orice element HTML.
Notă: Numele clasei este sensibil la litere mari și mici!