Tag cu clasă specificată în CSS

Să presupunem că avem două tipuri de tag-uri cu aceleași clase. De exemplu, să zicem că atât titlurile h2, cât și paragrafele au aceeași clasă:

<h2 class="eee">Titlu</h2>
<p class="eee">
	text
</p>

<h2 class="eee">Titlu</h2>
<p class="eee">
	text
</p>

Putem, de exemplu, să colorăm toate elementele cu această clasă în roșu:

.eee {
	color: red;
}

Putem, totuși, să ne adresăm unui anumit tag cu o clasă. De exemplu, putem selecta toate h2 cu clasa eee și separat să selectăm toate p cu această clasă.

Pentru aceasta, în selector trebuie să scriem numele tag-ului, apoi lipit numele clasei. Să, de exemplu, colorăm h2 cu clasa noastră în roșu, iar paragrafele cu această clasă - în verde:

h2.eee {
	color: red;
}
p.eee {
	color: green;
}

Este dat următorul cod:

<h2 class="header">text</h2>
<h2 class="header">text</h2>
<h3 class="header">text</h3>
<h3 class="header">text</h3>

.header {
	color: red;
}

Faceți toate h2 cu clasa header de dimensiune 40px, iar toate h3 cu această clasă - de dimensiune 30px.