1. Web
  2. Web API
  3. CSSScopeRule

CSSScopeRule

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

CSSScopeRule 接口是 CSS 对象模型的一部分，用于表示 CSS @scope 规则。

CSSRule CSSGroupingRule CSSScopeRule

实例属性

继承其祖先 CSSGroupingRule 和 CSSRule 的属性。

end

返回一个字符串，其中包含 @scope 规则的作用域限制值。

start

返回一个字符串，其中包含 @scope 规则的根作用域值。

实例方法

继承其祖先 CSSGroupingRule 和 CSSRule 的方法。

示例

在 JavaScript 中访问 @scope 信息

假设以下是附加到文档的唯一样式表

css
@scope (.outer) to (.inner) {
  :scope {
    background: yellow;
  }
}

以下 JavaScript 可用于访问包含的 @scope 块的信息

js
const scopeBlock = document.styleSheets[0].cssRules[0];

console.log(scopeBlock.start); // Returns ".outer"
console.log(scopeBlock.end); // Returns ".inner"

规范

规范
CSS 层叠与继承第 6 级
# cssscoperule

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后由 MDN 贡献者 于 修改。

在 GitHub 上查看此页面 • 报告此内容的问题
© . Content available under a Creative Commons license.