# Селектор потомков и классы в 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`.

← →
↑