CSS pseudo-class 喜欢 :empty ,但也忽略隐藏 children
CSS pseudo-class like :empty , but also ignores hidden children
:empty
pseudo-class 表示任何根本没有 children 的元素。是否有类似的 pseudo-class 表示任何没有可见 children 的元素(忽略 children 并将 display
设置为 none
)?
如果没有 pseudo-class 执行此操作,是否可以使用 CSS 实现此过滤?
CSS selection 是一棵 one-directional 树。一旦进入 children,您将无法再对 parent 采取行动。
您需要检查所有 children 上的 display: none;
属性 以了解它们是否全部隐藏。你可以 select 全部隐藏 children 像这样:<parent tag> *[display=none]
。但是,没有办法知道 所有 和 children 是否被隐藏,并且一旦你确定了隐藏的 re-select parent 就没有办法children.
为此,您需要使用 JavaScript。看到这个:Check if all children elements are hidden
:empty
pseudo-class 表示任何根本没有 children 的元素。是否有类似的 pseudo-class 表示任何没有可见 children 的元素(忽略 children 并将 display
设置为 none
)?
如果没有 pseudo-class 执行此操作,是否可以使用 CSS 实现此过滤?
CSS selection 是一棵 one-directional 树。一旦进入 children,您将无法再对 parent 采取行动。
您需要检查所有 children 上的 display: none;
属性 以了解它们是否全部隐藏。你可以 select 全部隐藏 children 像这样:<parent tag> *[display=none]
。但是,没有办法知道 所有 和 children 是否被隐藏,并且一旦你确定了隐藏的 re-select parent 就没有办法children.
为此,您需要使用 JavaScript。看到这个:Check if all children elements are hidden