Как стилизовать элемент ``, в котором нет элементов `li`? ⇐ CSS

[Anonymous]

У меня есть контейнер

• и пользовательский интерфейс, который позволяет мне добавлять в него элементы на лету. Я хочу применить другой стиль к , когда элементов нет.

ul.con:not(:has(> li)) { цвет фона: #cccccc; граница: 3 пикселя, сплошная #000000 !важно; } Я ожидаю, что цвет фона ul изменится, когда будет 0 элементов li. Но стиль не меняется.

Как правильно использовать селектор :has() или любой другой для стилизации элементов ul, если в нем нет элементов li. Примечание. Селектор :empty не работает, поскольку в теле ul есть пробел.