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;
}