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