CSSRule 对象
在网页加载过程中,浏览器将每个css文件解析为样式表对象CSSSTYleSheet,每个对象包含css规则对象CSSRule,css规则对象CSSRule包含选择器和声明对象,以及其他一些符合CSS语法的对象。见下图:
CSSRule 对象是一个基类,用于定义 CSS 样式表中的任何规则,包括规则集(rule sets)和 @ 规则(at-rules)。规则存在若干种类型。所有这些类型在 CSSRule 接口共享的通用属性并不多,大部分类型都拥有专门针对特定规则类型的属性。
CSS 规则的类型
类型对应的接口CSSRule.STYLE_RULECSSStyleRuleCSSRule.MEDIA_RULECSSMediaRuleCSSRule.FONT_FACE_RULECSSFontFaceRuleCSSRule.PAGE_RULECSSPageRuleCSSRule.IMPORT_RULECSSImportRuleCSSRule.CHARSET_RULECSSCharsetRuleCSSRule.UNKNOWN_RULECSSUnknownRule
CSSRule 对象的属性
cssText 返回规则的文本表示,例如 "h1,h2 { font-size: 16pt }"。
parentRule 返回包含规则(如果有的话)(例如,在 @media 块中的样式规则)。
parentStyleSheet 返回该规则所属的 stylesheet 对象。
type 规则类型,例如 CSSRule.CHARSET_RULE 或 CSSRule.IMPORT_RULE。
注释:以上属性均为只读。