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