Стилизация пустых и не пустых HTML-элементов
Чтобы определить стили для HTML-элементов БЕЗ контента (пустых) используется псевдокласс :empty:
selector:empty {
background-color: red;
}Чтобы определить стили для HTML-элементов С контентом (НЕ пустых) используется тот же псевдокласс :empty в комбинации с псевдоклассом-функцией :not():
selector:not( :empty ) {
background-color: green;
}Присутствие в элементе пробельных символов (пробелов, переводов строк, табуляций) делает его НЕ пустым!