CSSda avlod selektorlari va klasslar
Quyidagi kodimiz bor deb faraz qilaylik:
<div class="block">
<h2>Sarlavha</h2>
<p>
matn
</p>
</div>
<div class="block">
<h2>Sarlavha</h2>
<p>
matn
</p>
</div>
Keling, h2 barcha sarlavhalarni va
block klassli element ichida joylashgan
abzatslarni tanlab, ularni turli ranglarga bo'yaylik.
Buning uchun avlod selektorlaridan foydalanamiz (bu
selektorlar orasidagi bo'shliqdir):
.block h2 {
color: red;
}
.block p {
color: green;
}
Quyidagi kod berilgan:
<p class="eee">
matn <i>kursiv</i>
</p>
<p class="eee">
matn <i>kursiv</i>
</p>
<div class="eee">
matn <i>kursiv</i>
</div>
<div class="eee">
matn <i>kursiv</i>
</div>
eee klassli elementlar ichida joylashgan
barcha i teglarni qizil rangga bo'yang.
