Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.
- Сделайте цвет текста
абзацкрасного цвета (внутри первого тегаb). HTML код менять нельзя. Используйте теорию из этого урока.
Допустим, вам нужно выбрать не потомка, а именно дочерний элемент. То есть выберем тег 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;
}Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.
