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

Описание

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

Синтаксис

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

Пример

<!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-of-type {
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>

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

Свойство overflow-x

Управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока....

Свойство backdrop-filter

Позволяет использовать визуальные эффекты. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон ...

Свойство transition

Универсальное свойство, которое позволяет одновременно задать значения transition-property, transition-duration, transition-timing-function и transiti...

Свойство clear

Указывает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отме...