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

Описание

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

Для выбора первого элемента определённого типа используйте псевдокласс :first-of-type.

Вместо :first-child допустимо использовать :nth-of-child(1).

Синтаксис

Селектор:first-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>
.re > b:first-child {
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?

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