Соседние селекторы

Описание

Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа.

Синтаксис

E + F { Описание правил стиля }

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
b + i {
color: red;
}
</style>
<p>Lorem <b>ipsum </b> dolor sit amet, <i>consectetuer</i> adipiscing elit.</p>
<p>Lorem ipsum dolor sit amet, <i>consectetuer</i> adipiscing elit.</p>
</body>
</html>

Читайте также

Свойство justify-self

Устанавливает способ выравнивания элемента внутри его контейнера вдоль inline оси....

Свойство border-bottom-color

Устанавливает цвет нижней границы элемента....

Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....

Свойство grid-template-columns

Определяет колонки сетки с помощью списка значений разделённого пробелами. Значения представляют из себя размер трека, а пробелы между ними представля...