CSS选择器仅在<tag>具有内容</ tag>时有效

Question

我想为HTML元素指定一个样式 - 但仅在标记有一些内容设置的情况下.

这可能使用纯CSS吗？理想情况下,我想避免对HTML本身的结构进行JS或服务器端更改.

Answer 1

CSS3有一个:empty伪类.

在纯CSS2.1中我无法看到任何这样做的方法.

Answer 2

您可以通过组合:not和:empty伪类来使用CSS3来完成此操作.对于不支持这两者的浏览器,您需要使用JS或服务器端解决方案.

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