CSS-Selektor funktioniert nur, wenn <tag> Inhalt hat</tag>

Question

Ich möchte einem HTML-Element einen Stil zuweisen - aber nur für den Fall, dass das Tag einige Inhalte gesetzt hat.

Ist dies mit reinem CSS möglich? Im Idealfall möchte ich JS oder serverseitige Änderungen an der Struktur des HTML selbst vermeiden.

Answer 1

CSS3 hat eine :empty pseudo -class.

Ich sehe keine Möglichkeit, dies in reinem CSS2.1 zu tun.

Answer 2

Sie können dies mit CSS3 tun, indem Sie die Pseudoklassen :not und :empty kombinieren. Für Browser, die beide nicht unterstützen, müssen Sie JS oder eine serverseitige Lösung verwenden.

div:not(:empty) { background-color:blue; }