CSSScopeRule

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

CSSScopeRule 介面是 CSS 物件模型的一部分,用於表示 CSS @scope 規則。

CSSRule CSSGroupingRule CSSScopeRule

例項屬性

繼承其祖先 CSSGroupingRuleCSSRule 的屬性。

end

返回一個字串,其中包含 @scope 規則的作用域限制值。

start

返回一個字串,其中包含 @scope 規則的根作用域值。

例項方法

繼承其祖先 CSSGroupingRuleCSSRule 的方法。

示例

在 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

瀏覽器相容性

另見