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

【问题标题】：CSS selector only works if <tag>has contents</tag>CSS 选择器仅在 <tag> 有内容</tag> 时有效
【发布时间】：2010-06-24 16:59:51
【问题描述】：

我想为 HTML 元素指定样式 - 但仅限于标签设置了某些内容的情况。

这可能使用纯 CSS 吗？理想情况下，我希望避免 JS 或服务器端更改 HTML 本身的结构。

【问题讨论】：

【解决方案1】：

CSS3 有一个:empty pseudo -class。

我在纯 CSS2.1 中看不到任何方法。

【讨论】：

【解决方案2】：

您可以通过结合 :not 和 :empty 伪类来使用 CSS3 来做到这一点。对于不支持两者的浏览器，您需要使用 JS 或服务器端解决方案。

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

【讨论】：