CSS-те туынды селекторлар мен класстар

Бізде келесі код бар делік:

<div class="block">
	<h2>Тақырып</h2>
	<p>
		мәтін
	</p>
</div>
<div class="block">
	<h2>Тақырып</h2>
	<p>
		мәтін
	</p>
</div>

block класы бар элементтің ішіндегі барлық h2 тақырыптары мен абзацтарды таңдап, оларды әртүрлі түстерге бояйық. Бұл үшін туынды селекторды қолданайық (бұл селекторлар арасындағы бос орын):

.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 тегтерін қызыл түске бояңыз.