:empty

Содержание

Псевдокласс :empty представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста или пробелов. К примеру, <p></p> является пустым элементом, а <p> </p>, <p>&nbsp;</p> или <p>эге</p> уже нет.

Синтаксис

Селектор:empty  { ...  }

Пример

<!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <title>empty</title>
  <style>
   span:empty {
    background: red;
    padding: 3px;
    margin-left: 7px;
    display: inline-block;
   }
  </style>
 </head> 
 <body> 
  <p>Линеарная фактура, в том числе, иллюстрирует фузз, и здесь мы видим 
  ту самую каноническую секвенцию с разнонаправленным шагом 
  отдельных звеньев<span></span></p>
 </body> 
</html>

Результат данного примера в браузере Safari показан на рис. 1.

Применение псевдокласса :empty

Рис. 1. Применение псевдокласса :empty

Спецификация

СпецификацияСтатус
Selectors Level 4Рабочий проект
Selectors Level 3Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
919.53.11
AndroidFirefox MobileOpera MobileSafari Mobile
2.11103.1




Рекомендую хостинг: beget.ru

Сервер падал:53 дн. 23:12 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru