105. Структура документа: дочерние элементы в CSS

Допустим, вам нужно выбрать не потомка, а именно дочерний элемент. То есть выберем тег b, который является дочерним элементом тега a.

a > b {
    color: red;
}

И вот HTML код для первого примера, в котором красным цветом будет только 1.

<a href = "#">Ссылка <b>1</b></a>
<a href = "#"><span>Ссылка <b>2</b></span></a>

Если бы мы написали так, как в примере три, то текст внутри обоих тегов b был бы красный.

a b {
    color: red;
}

Похожие уроки и записи блога

1. Сделайте цвет текста абзац красного цвета (внутри первого тега b). HTML код менять нельзя. Используйте теорию из этого урока.

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.