Стиль первого элемента определенного типа

Описание

Псевдокласс задаёт стиль первого элемента определённого типа в группе братских элементов (имеющих одного родителя).

Синтаксис

Селектор:first-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>
.re > b:first-of-type {
color: red;
}
</style>
<div class='re'>Lorem ipsum dolor sit amet <b>consectetur</b> adipisicing elit. Nobis maiores <b>expedita</b> laudantium autem nesciunt debitis veritatis quos maxime nam, quaerat quae ab, illum, adipisci beatae ipsum voluptatibus nisi <b>reprehenderit</b> praesentium?</div>
</body>
</html>

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis maiores expedita laudantium autem nesciunt debitis veritatis quos maxime nam, quaerat quae ab, illum, adipisci beatae ipsum voluptatibus nisi reprehenderit praesentium?

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

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

Применяет стилевые правила к элементу input, у которого не задан атрибут required, он позволяет в...

Свойство grid-auto-rows

Определяет размер любых автоматически созданных треков. Неявные треки создаются при явном позицио...

Свойство justify-content

Определяет, как браузер распределяет пространство вокруг флекс - элементов вдоль главной оси конт...

Свойство word-wrap

Указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область.

Стиль поля формы доступным для редактирования

Применяется к полям формы, доступных для изменения. Псевдокласс :read-write является противополож...