Стиль первого элемента определенного типа
Описание
Псевдокласс задаёт стиль первого элемента определённого типа в группе братских элементов (имеющих одного родителя).
Синтаксис
Селектор: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?
Читайте также
Свойство
Устанавливает радиус скругления левого нижнего угла рамки.<br>Если рамка не задана, то скру...
Свойство transform
Трансформирует элемент, в частности, позволяет его масштабировать, вращать, сдвигать, наклонять, ...
Свойство text-stroke-color
Устанавливает цвет контура вокруг букв и символов текста.
Правило @media
Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В ...
Свойство animation-direction
Устанавливает направление движения анимации.