如何通过css选择器找到第一个非空?

时间:2012-09-25 06:49:12

标签: css selector

如何仅使用css选择器查​​找第一个非空子元素? 有没有人可以帮助我?非常感谢!!!

如下:

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

如何通过css选择器获取第一个非空li元素

1 个答案:

答案 0 :(得分:4)

这需要两个选择器才能使它工作:

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

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

示例:

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