Balise avec une classe spécifique en CSS

Supposons que nous ayons deux types de balises avec des classes identiques. Par exemple, que les titres h2, et les paragraphes aient la même classe :

<h2 class="eee">Titre</h2>
<p class="eee">
	texte
</p>

<h2 class="eee">Titre</h2>
<p class="eee">
	texte
</p>

Nous pouvons, par exemple, colorer tous les éléments avec cette classe en rouge :

.eee {
	color: red;
}

On peut, cependant, cibler une balise spécifique avec une classe. Par exemple, on peut sélectionner tous les h2 avec la classe eee et sélectionner séparément tous les p avec cette classe.

Pour cela, dans le sélecteur, vous devez écrire le nom de la balise, puis, sans espace, le nom de la classe. Par exemple, colorons les h2 avec notre classe en rouge, et les paragraphes avec cette classe - en vert :

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

Voici le code suivant :

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

.header {
	color: red;
}

Rendez tous les h2 avec la classe header de taille 40px, et tous les h3 avec cette classe - de taille 30px.