Tag dengan Kelas Tertentu dalam CSS

Katakanlah kita mempunyai dua jenis tag dengan kelas yang sama. Sebagai contoh, katakan kedua-dua tag tajuk h2, dan perenggan mempunyai kelas yang sama:

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

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

Kita boleh, sebagai contoh, mewarnakan semua elemen dengan kelas tersebut kepada warna merah:

.eee {
	color: red;
}

Walau bagaimanapun, kita boleh menargetkan tag tertentu dengan kelas. Sebagai contoh, kita boleh memilih semua h2 dengan kelas eee dan memilih semua p dengan kelas ini secara berasingan.

Untuk melakukan ini, dalam pemilih, kita perlu menulis nama tag, dan kemudian diikuti dengan nama kelas secara rapat. Sebagai contoh, mari kita warnakan h2 dengan kelas kami menjadi merah, dan perenggan dengan kelas tersebut - menjadi hijau:

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

Diberi kod 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 bersaiz 40px, dan semua h3 dengan kelas ini - bersaiz 30px.