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