Keling, quyidagi kodni olamiz.
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Blok klassi elementi ichidagi barcha h2 sarlavhalari va paragraflarini tanlaymiz va ularni turli ranglarda bo'yaymiz. Buning uchun biz avlodlar selektoridan foydalanamiz (bu selektorlar orasida bo'shliq bor).
.block h2 {
color: red;
}
.block p {
color: green;
}