css - 如何通过css选择器找到第一个非空的？

Question

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

比如下图：

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

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

score 5 · Accepted Answer

这需要两个选择器才能使其工作：

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

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

例子：

1 回答 1