CSS-dagi avlodlar va classlar selektori

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