Стиль первого элемента определенного типа
Описание
Псевдокласс задаёт стиль первого элемента определённого типа в группе братских элементов (имеющих одного родителя).
Синтаксис
Селектор: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?
Читайте также
Свойство transform
Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...
Свойство border-color
Позволяет задать цвет границы сразу для всех сторон элемента или только для указанных.
Селекторы атрибутов со значениями в начале
Устанавливает стиль для элемента в том случае, если значение атрибута начинается с указанного тек...
Свойство resize
Указывает, можно ли пользователю изменять размеры текстового поля.
Свойство background-blend-mode
Описывает то, как фоновое изображение элемента должно накладываться на фоны других элементов.