Znacznik z zadaną klasą w CSS

Załóżmy, że mamy dwa typy znaczników z identycznymi klasami. Na przykład, niech zarówno nagłówki h2, jak i akapity mają tę samą klasę:

<h2 class="eee">Tytuł</h2>
<p class="eee">
	tekst
</p>

<h2 class="eee">Tytuł</h2>
<p class="eee">
	tekst
</p>

Możemy na przykład pokolorować wszystkie elementy z taką klasą na czerwono:

.eee {
	color: red;
}

Można jednak odwołać się do konkretnego znacznika z klasą. Na przykład, można wybrać wszystkie h2 z klasą eee i osobno wybrać wszystkie p z tą klasą.

Aby to zrobić, w selektorze należy napisać nazwę znacznika, a następnie, łącznie, nazwę klasy. Dla przykładu, pokolorujmy h2 z naszą klasą na czerwono, a akapity z taką klasą - na zielono:

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

Dany jest następujący kod:

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

.header {
	color: red;
}

Ustaw wszystkie h2 z klasą header na rozmiar 40px, a wszystkie h3 z tą klasą - na rozmiar 30px.