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

Информация по поводу - :empty


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

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

Пример псевдоэлемента:
span:empty {
    padding: 1%;
    width: 98%;
	background: #aacfd6;
    display: inline-block;
}
HTML код:
<span></span>
<span>-</span>
<span></span>
Результат: -