Теория урока
Структура документа: дочерние элементы в CSS
Допустим, вам нужно выбрать не потомка, а именно дочерний элемент. То есть выберем тег b
, который является дочерним элементом тега a
.
Пример 1
a > b {
color: red;
}
И вот HTML код для первого примера, в котором красным цветом будет только 1
.
Пример 2
<a href = "#">Ссылка <b>1</b></a>
<a href = "#"><span>Ссылка <b>2</b></span></a>
Если бы мы написали так, как в примере три, то текст внутри обоих тегов b
был бы красный.
Пример 3
a b {
color: red;
}
Возможно, вам это будет интересно: Структура документа: сестринские элементы в CSS
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Сделайте цвет текста
абзац
красного цвета (внутри первого тегаb
). HTML код менять нельзя. Используйте теорию из этого урока.
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание