CSS псевдо-класс :first-of-type
Поддержка браузерами
12.0+ | 9.0+ | 3.5+ | 4.0+ | 9.6+ | 3.2+ |
Описание
Псевдо-класс :first-of-type применяет заданный стиль к элементу, который является первым дочерним элементом, определенного типа, в родителе.
Пример:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> div:first-of-type { color: red; background-color: yellow; } </style> </head> <body> <h1>Заголовок</h1> <div>Первый элемент div.</div> <div>Второй элемент div.</div> <div>Третий элемент div.</div> </body> </html>
Результат данного примера:
Заголовок
Первый элемент div.
Второй элемент div.
Третий элемент div.