像 :empty , 这样的 CSS 伪类，但也会忽略隐藏的子类

Question

:empty pseudo-class代表任何根本没有 child 的元素。是否有类似的伪类表示任何没有可见子元素的元素(忽略 display 设置为 none 的子元素)？

如果没有伪类可以做到这一点，有没有办法使用 CSS 实现这种过滤？

Answer 1

CSS 选择是一棵单向树。一旦你开始对 child 采取行动，你就不能再对 parent 采取行动。

您需要检查 display: none;所有 child 的属性(property)，以了解他们是否都被隐藏了。您可以像这样选择所有隐藏的 child :<parent tag> *[display=none] .但是，没有办法知道是否隐藏了所有子项，并且一旦您识别出隐藏的子项就没有办法重新选择父项。

为此，您需要使用 JavaScript。看到这个:Check if all children elements are hidden