CSSRule

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

CSSRule 介面代表一個單一的 CSS 規則。有幾種型別的規則繼承自 CSSRule 的屬性。

例項屬性

CSSRule 介面規定了所有規則共有的屬性，而特定規則型別的獨有屬性則在其各自型別的更專業化的介面中進行規定。

CSSRule.cssText: 表示規則的文字表示形式，例如 "h1,h2 { font-size: 16pt }" 或 "@import 'url'"。要訪問或修改規則的某個部分（例如，示例中“font-size”的值），請使用規則型別對應專業化介面上的屬性（如上所述）。
CSSRule.parentRule 只讀: 返回包含該規則的父規則，否則返回 null。例如，如果該規則是 @media 塊內的樣式規則，則父規則將是該 CSSMediaRule。
CSSRule.parentStyleSheet 只讀: 返回包含該規則的樣式表的 CSSStyleSheet 物件。
CSSRule.type 只讀已棄用: 返回一個 Type 常量，用於確定表示的是哪種型別的規則。

可以透過檢視 CSSStyleSheet 的 cssRules 列表來獲取對 CSSRule 的引用。

let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);

規範
CSS 物件模型 (CSSOM) # the-cssrule-interface

此頁面最後修改於 2025年10月15日，由 MDN contributors 修改。