CSSda berilgan klassli teg

Bizda bir xil klassga ega bo'lgan ikkita turdagi teglar bo'lsin. Masalan, h2 sarlavhalari ham, abzatslar ham bir xil klassga ega bo'lsin:

<h2 class="eee">Sarlavha</h2>
<p class="eee">
	matn
</p>

<h2 class="eee">Sarlavha</h2>
<p class="eee">
	matn
</p>

Biz, masalan, shu klassdagi barcha elementlarni qizil rangga bo'yashimiz mumkin:

.eee {
	color: red;
}

Ammo, ma'lum bir tegni klass bilan ajratish mumkin. Masalan, h2 klassli eee barchasini tanlash va shu klassdagi barcha p larni alohida tanlash mumkin.

Buning uchun selektorda teg nomini, so'ngra klass nomini yozish kerak. Keling, masalan, h2 ni bizning klassimiz bilan qizil rangga, shu klassdagi abzatslarni esa yashil rangga bo'yaylik:

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

Quyidagi kod berilgan:

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

.header {
	color: red;
}

h2 klassli header larning hammasini 40px o'lchamda, h3 klassli barchasini esa 30px o'lchamda qiling.