html.okpython.net
Основы создания сайтов
CSS :: Псевдокласс :empty
Псевдокласс :empty
(от англ. empty – пустой)
позволяет выбрать все пустые элементы требуемого типа, например, span:empty {блок объявлений}
.
Селектор псевдоклассов напоминает селектор классов, но в отличие от классов, псевдоклассы в разметке html-документа не указываются и отделяются от указанного в селекторе элемента двоеточием «:». При этом выбираются элементы необходимого типа, которые соответствуют требованиям указанного в селекторе псевдокласса.
Синтаксис
<селектор>:empty {блок объявлений}
Ссылки
Официальный сайт W3C: https://www.w3.org/TR/selectors-4/#the-empty-pseudo
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/:empty
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <style> span:empty{ padding-left: 5px; background-color: orange; } </style> </head> <body> <p> Текст абзаца с пустым элементом в конце.<span></span> </p> </body> </html>
Пример №1