---

Селектор потомков и классы в 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;
}
№1⊗jsPmSMMA

Дан следующий код:

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

Ответ:
.eee i {
    color: red;
}