CSS 将匹配那些没有 hidden 属性的元素?

9 min read

CSS将匹配所有没有hidden属性的元素。hidden属性用于隐藏元素,它会在页面中完全隐藏元素的显示,即使元素在DOM中仍然存在。CSS选择器和属性选择器可以用于选择没有hidden属性的元素。

以下是一些示例:

选择没有hidden属性的单个元素:

:not([hidden]) {
  /* CSS样式 */
}

选择没有hidden属性的元素及其子元素:

:not([hidden]), :not([hidden]) * {
  /* CSS样式 */
}

选择没有hidden属性的特定类型的元素(例如div):

div:not([hidden]) {
  /* CSS样式 */
}