Селектар нашчадкаў і класы ў 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.
