Селектор потомка и класе у ЦСС-у
Нека имамо следећи код:
<div class="block">
<h2>Наслов</h2>
<p>
текст
</p>
</div>
<div class="block">
<h2>Наслов</h2>
<p>
текст
</p>
</div>
Хајде да изаберемо све наслове h2 и
пасусе који се налазе унутар елемента са класом
block и да их обојимо у различите боје.
Користимо за то селектор потомка (који је
размак између селектора):
.block h2 {
color: red;
}
.block p {
color: green;
}
Дат је следећи код:
<p class="eee">
текст <i>курзив</i>
</p>
<p class="eee">
текст <i>курзив</i>
</p>
<div class="eee">
текст <i>курзив</i>
</div>
<div class="eee">
текст <i>курзив</i>
</div>
Обојите у црвено све тагове i,
који се налазе у елементима са класом eee.