Що таке :empty в CSS3?

Стилі в псевдокласі :empty додаються до тегів, які не містять жодної інформації всередині. Якщо в тезі є хоча б один пробіл, слово, символ або інший тег, то до цього тегу стилі з цього псевдокласу не будуть застосовуватися. Цей псевдоклас буде коректно працювати у всіх браузерах.

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

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