Справочники CSS3 :empty

Что такое :empty в CSS3?

Стили в псевдоклассе :empty добавляются к тегам, которые не содержат какой-либо информации в себе. Если в теге есть хоть один пробел, слово, символ или другой тег, то к этому тегу стили из этого псевдокласса не будут применяться.

Этот псевдокласс будет корректно работать во всех браузерах.

Пример псевдоэлемента:

span:empty {
    padding: 1%;
    width: 98%;
	background: #aacfd6;
    display: inline-block;
}

HTML код:

<span></span>
<span>-</span>
<span></span>

Результат: -

Комментарии