CSS avlod selektorlari

Keling, quyidagi kodni olamiz.

<p>
	text <b><i>bold italic</i></b>
</p>
<p>
	text <i>just italic</i>
</p>

Paragraflarning avlodi bo'lgan barcha teglarni tanlamoqchimiz.

p i {
	color: red;
}

Bizning paragraflarimizning bevosita avlodlari bo'lgan i teglarini tanlaylik. Shunda avlod selektori bizga yordam beradi.

Uni qanday ishlatishni tushunish uchun uni nasl selektori bilan taqqoslaylik. p i - bu selektor yordamida biz paragraflar ichidagi barcha kursivlarni tanlaymiz. p > i - faqat paragraflarning bevosita avlodlari bo'lgan kursiv teg larni tanlaydi.

Keling, ushbu selektorni HTML kodimizga qo'llaymiz.

p > i {
	color: red;
}