Селектор на потомци и класи во CSS

Нека имаме следниов код:

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

Ајде да ги избереме сите наслови h2 и параграфи кои се наоѓаат внатре во елементот со класата block, и да ги обоимe во различни бои. Да го искористиме за ова селекторот на потомци (кој е празно место помеѓу селекторите):

.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.