CSSRule: type 屬性
已棄用：此特性不再推薦。雖然某些瀏覽器可能仍然支援它，但它可能已經從相關的網路標準中刪除，可能正在刪除過程中，或者可能僅為相容性目的而保留。請避免使用它，如果可能，請更新現有程式碼；請參閱本頁底部的相容性表格以指導您的決策。請注意，此特性可能隨時停止工作。
CSSRule 介面中只讀的 type 屬性是一個已棄用的屬性，它返回一個整數，表示 CSSRule 所代表的規則型別。
如果您需要區分不同型別的 CSS 規則，一個不錯的替代方法是使用 constructor.name。
js
const sheets = Array.from(document.styleSheets);
const rules = sheets.map((sheet) => Array.from(sheet.cssRules)).flat();
for (const rule of rules) {
console.log(rule.constructor.name);
}
值
CSSRule.STYLE_RULE(1)-
該規則是一個
CSSStyleRule，是最常見的規則型別：selector { prop1: val1; prop2: val2; }。 CSSRule.IMPORT_RULE(3)-
該規則是一個
CSSImportRule，代表一個@import規則。 CSSRule.MEDIA_RULE(4)-
該規則是一個
CSSMediaRule。 CSSRule.FONT_FACE_RULE(5)-
該規則是一個
CSSFontFaceRule。 CSSRule.PAGE_RULE(6)-
該規則是一個
CSSPageRule。 CSSRule.KEYFRAMES_RULE(7)-
該規則是一個
CSSKeyframesRule。 CSSRule.KEYFRAME_RULE(8)-
該規則是一個
CSSKeyframeRule。 CSSRule.NAMESPACE_RULE(10)-
該規則是一個
CSSNamespaceRule。 CSSRule.COUNTER_STYLE_RULE(11)-
該規則是一個
CSSCounterStyleRule。 CSSRule.SUPPORTS_RULE(12)-
該規則是一個
CSSSupportsRule。 CSSRule.FONT_FEATURE_VALUES_RULE(14)-
該規則是一個
CSSFontFeatureValuesRule。
CSSRule.UNKNOWN_RULE (0)、CSSRule.CHARSET_RULE (2)、CSSRule.DOCUMENT_RULE (13)、CSSRule.VIEWPORT_RULE (14) 和 CSSRule.REGION_STYLE_RULE (16) 的值已無法再獲取。
示例
js
const rules = document.styleSheets[0].cssRules;
console.log(rules[0].type);
規範
| 規範 |
|---|
| CSS 物件模型 (CSSOM) # concept-css-rule-type |
瀏覽器相容性
載入中…