CSS選擇器只有工作，如果<tag>有內容</tag>

我想風格分配給HTML元素 - 但只有在該標籤有一些內容設置的事件。CSS選擇器只有工作，如果<tag>有內容</tag>

這可能使用純CSS？理想情況下，我想避免JS或服務器端對HTML本身結構的更改。

2010-06-24 Mr Foo Bar

的可能的複製[內容感知CSS - 應用樣式只有當內容可用（http://stackoverflow.com/questions/9063446/content-aware-css-apply-style-only-if-content -is-available） – user 2016-05-01 19:02:34

CSS3有一個:empty pseudo -class。

我不能看到純CSS2.1這樣做的任何方式。

來源

2010-06-24 08:57:43 Skilldrick

兼容性表格：http：//www.quirksmode.org/css/contents.html – 2010-06-24 08:58:18

沒有意識到：空僞類存在...很好的一個:-) +1 – 2010-06-24 09:12:50

您可以通過組合:not和:empty僞類與CSS3做到這一點。對於不支持這兩種瀏覽器的用戶，您需要使用JS或服務器端解決方案。

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

來源

2010-06-24 08:59:51

CSS選擇器只有工作，如果<tag>有內容</tag>

回答

相關問題