Справочник по CSS : Тематический указатель : Селекторы : Псевдоклассы : :empty

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Псевдокласс :empty

Используется для добавления стиля к пустому элементу, т.е. который не содержит текста, пробелов и т.п., и у которого нет потомков.

Синтаксис

element:empty { style properties }

Замечания

Использование данного псевдокласса может быть полезно когда, например, у вас есть колонка sidebar на сайте, и она может быть пустой или наполнена текстом. Псевдокласс empty можно использовать, чтобы скрыть колонку, когда она пуста.

Примеры

В примере показано как описать псевдокласс empty.

span:empty::before  { background-color: lime; }  

Стандарты

Этот псевдокласс определен в CSS 3 Selectors

Поддерживаемые браузеры

Firefox (Gecko) начиная с версии 1.5 (1.8)

Opera начиная с версии 9.5

Safari (WebKit) начиная с версии 3.1 (525)

Ссылки на источники

https://developer.mozilla.org/en/CSS/%3aempty

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования