Применяется к дочернему элементу

Описание

Псевдокласс :only-child применяется к дочернему элементу, только если он является единственным у родителя.

Синтаксис

Селектор:only-child { ... }

Пример

<!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>
article :only-child {
color: red;
}
</style>
<article>
<h3>Роль цитокинов при дорсалгии</h3>
<p>Автор: Гордон Фримен, канд. физ.-мат. наук</p>
<p>Содержание статьи</p>
<address>Почта: freemen@blackmesa.com</address>
<p>Опубликовано: <time datetime='2018-11-27'>27 ноября 2018</time></p>
</article>
</body>
</html>

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

Стиль элемента при наведении на него курсора мыши

Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....

Селекторы атрибутов со значениями в конце

Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом....

Свойство margin

Устанавливает величину отступа от границы текущего элемента до внутренней границы его родительского элемента....

Свойство justify-self

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