---

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

<ul>
	<li class="odd">text</li>
	<li class="eve">text</li>
	<li class="odd">text</li>
	<li class="eve">text</li>
	<li class="odd">text</li>
	<li class="eve">text</li>
</ul>
Покрасьте в красный цвет элементы с классом odd и в зеленый цвет - элементы с классом eve.

Ответ:
.odd {
    color: red;
}
.eve {
    color: green;
}
Дан следующий код:

<h2 class="eee">Title</h2>
<p class="eee">
	paragraph
</p>
<p class="eee">
	paragraph
</p>
<p>
	paragraph without class
</p>

<ul class="eee">
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>
Покрасьте в красный цвет все элементы с классом eee.
Ответ:
.eee {
    color: red;
}

Объясните, почему в предыдущей задаче в красный цвет красятся теги li, хотя класс, задающий цвет, назначен тегу ul.
Ответ:
поскольку вложенные теги в класс eee тоже учитываются