CSSтегиндеги мураскор селекторлор жана классдар

Бизде төмөнкү код бар деп коёлу:

<div class="block">
	<h2>Title</h2>
	<p>
		текст
	</p>
</div>
<div class="block">
	<h2>Title</h2>
	<p>
		текст
	</p>
</div>

Келгиле, <h2> баарын жана block класстары бар элементтин ичиндеги абзацтарды тандап, аларды ар кандай түстөргө боёйлу. Бул үчүн мураскор селекторлорду (селекторлордун ортосундагы боштук) колдонобуз:

.block h2 {
	color: red;
}
.block p {
	color: green;
}

Төмөнкү код берилген:

<p class="eee">
	текст <i>курсив</i>
</p>
<p class="eee">
	текст <i>курсив</i>
</p>
<div class="eee">
	текст <i>курсив</i>
</div>
<div class="eee">
	текст <i>курсив</i>
</div>

eee класстары бар элементтердин ичиндеги бардык <i> тегдерди кызыл түскө боёгула.