CSS-də verilmiş sinfi olan teq

Tutaq ki, eyni sinfi olan iki növ teqimiz var. Məsələn, həm h2 başlıqlarının, həm də abzasların eyni sinfi olsun:

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

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

Biz, məsələn, belə sinfi olan bütün elementləri qırmızı rəngə boyaya bilərik:

.eee {
	color: red;
}

Lakin, konkret teqə müraciət etmək olar. Məsələn, h2 teqlərini eee sinfi ilə ayrı seçib, bu sinfi olan bütün p teqlərini ayrı seçmək olar.

Bunun üçün selektorda teqin adını, sonra isə birlikdə sinfin adını yazmaq lazımdır. Gəlin, məsələn, bizim sinfi olan h2 teqlərini qırmızı rəngə, bu sinfi olan abzaları isə - yaşıl rəngə boyayaq:

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

Aşağıdakı kod verilmişdir:

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

.header {
	color: red;
}

header sinfi olan bütün h2 teqlərini 40px ölçüdə, bu sinfi olan bütün h3 teqlərini isə 30px ölçüdə edin.