Структура документа: дочерние элементы в 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 код менять нельзя. Используйте теорию из этого урока.

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

– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!