CSS 字符内容是:scope

原创
admin 4个月前 (08-23) 阅读数 13 #CSS

:scope CSS 伪类

:scope 是一个 CSS 伪类,用于表示作为选择器匹配参考点或作用域的元素。

css
/* 选择一个限制作用域的元素 */
:scope {
  background-color: lime;
}

:scope 匹配的元素取决于它的使用上下文:

  • 当在样式表的根级别使用时,:scope 等效于 :root——在常规 HTML 文档中匹配 <html> 元素。
  • 当在 @scope 块中使用时,:scope 匹配块所定义的作用域的根。它提供了一种从 @scope 块内部应用样式到作用域的根的方法。
  • 当在 DOM API 调用(例如 querySelector()querySelectorAll()matches()Element.closest())中使用时,:scope 匹配调用此类方法的元素。
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS :root 下一篇:CSS seeking
作者文章
热门
最新文章
标签列表