如何通過CSS選擇器找到第一個非空？

Question

如何使用css選擇器查​​找第一個非空子元素？ 有沒有人可以幫助我？非常感謝！！！

如下面：

<ul><li></li>...<li><span>o haha</span></li>...<li></li></ul> 

我如何通過CSS選擇器得到的第一個非空li元素

Answer 1

這需要兩個選擇，使其工作：

li:not(:empty) { 
    /* First non-empty <li> styles */ 
} 

li, 
li:not(:empty) ~ li { 
    /* All other <li> styles */ 
} 

例：

http://jsfiddle.net/tr958/2/