Селектори фарзандҳо ва классҳо дар CSS

Бигзор мо кодҳои зеринро дошта бошем:

<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>
<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>

Биёед ҳама сарлавҳаҳои h2 ва абзацҳоеро, ки дар дохили унсури бо класми block ҷойгиранд, интихоб намоем ва онҳоро ба рангҳои гуногун ранг кунем. Барои ин аз селектори фарзандҳо (ки фосила байни селекторҳо аст) истифода мекунем:

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

Коди зерин дода шудааст:

<p class="eee">
	text <i>italic</i>
</p>
<p class="eee">
	text <i>italic</i>
</p>
<div class="eee">
	text <i>italic</i>
</div>
<div class="eee">
	text <i>italic</i>
</div>

Ҳамаи тегҳои i-ро, ки дар унсурҳои бо класми eee ҷойгиранд, ба рангӣ сурх ранг кунед.