CSS псевдо-класс :empty
Поддержка браузерами
12.0+ | 9.0+ | 3.5+ | 4.0+ | 9.6+ | 3.2+ |
Описание
Псевдо-класс :empty применяет заданный стиль к элементу, который не имеет дочерних элементов (включая текст).
Пример:
<!DOCTYPE html> <html> <head> <style type="text/css"> p:empty { background-color: aqua; width: 100px; height: 20px; } </style> </head> <body> <p>Первый абзац.</p> <p></p> <p>Третий абзац.</p> </body> </html>
Результат данного примера:
Первый абзац.
Третий абзац.