Tag dengan Kelas Tertentu di CSS

Misalkan kita memiliki dua jenis tag dengan kelas yang sama. Contohnya, misalkan baik tag judul h2, maupun paragraf memiliki kelas yang sama:

<h2 class="eee">Judul</h2>
<p class="eee">
	teks
</p>

<h2 class="eee">Judul</h2>
<p class="eee">
	teks
</p>

Kita bisa, contohnya, mewarnai semua elemen dengan kelas tersebut menjadi merah:

.eee {
	color: red;
}

Akan tetapi, kita bisa menargetkan tag tertentu dengan kelas. Contohnya, kita bisa memilih semua h2 dengan kelas eee dan secara terpisah memilih semua p dengan kelas ini.

Untuk melakukannya, dalam selector kita perlu menulis nama tag, lalu digabung dengan nama kelas. Mari, contohnya, warnai h2 dengan kelas kita menjadi merah, dan paragraf dengan kelas yang sama - menjadi hijau:

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

Diberikan kode berikut:

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

.header {
	color: red;
}

Jadikan semua h2 dengan kelas header berukuran 40px, dan semua h3 dengan kelas ini - berukuran 30px.