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

Описание

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

Синтаксис

Селектор: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?

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