HTML CSS Упражнение - Смежные селекторы
HTML CSS упражнение - 34
В этом упражнении вы будете использовать селекторы смежных элементов CSS.
Хотя в представленном решении используются элементы ul и ol, вы можете использовать любой элемент по вашему выбору.
HTML-код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML CSS Exercises - Adjacent sibling selectors</title>
</head>
<body>
<h2>This is heading Two </h2>
<h3>This is heading Three </h3>
<p>This is a paragraph</p>
<h3>This is heading Three again</h3>
<p>This is a paragraph again</p>
</body>
</html>
Код CSS:
h2 + h3 {
border-bottom:1px solid silver
}
Используйте следующий редактор для завершения упражнения.
См. Общий редактор Pen html css от w3resource ( @ w3resource ) в CodePen .
Предыдущая: CSS Дочерний селектор.
Далее: стиль заполнителя текста.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code