CSSRule 对象

CSS 规则的类型

CSSRule 对象的属性

CSSRule 对象

在网页加载过程中， 浏览器将每个css文件解析为样式表对象CSSStyleSheet，每个对象包含css规则对象CSSRule，css规则对象CSSRule包含选择器和声明对象，以及其他一些符合css语法的对象。见下图：

CSSRule 对象是一个基类，用于定义 CSS 样式表中的任何规则，包括规则集（rule sets）和 @ 规则（at-rules）。规则存在若干种类型。所有这些类型在 CSSRule 接口共享的通用属性并不多，大部分类型都拥有专门针对特定规则类型的属性。

CSS 规则的类型

类型　对应的接口

CSSRule.STYLE_RULE　CSSStyleRule

CSSRule.MEDIA_RULE　CSSMediaRule

CSSRule.FONT_FACE_RULE　CSSFontFaceRule

CSSRule.PAGE_RULE　CSSPageRule

CSSRule.IMPORT_RULE　CSSImportRule

CSSRule.CHARSET_RULE　CSSCharsetRule

CSSRule.UNKNOWN_RULE　CSSUnknownRule

CSSRule 对象的属性

cssText 返回规则的文本表示，例如 "h1,h2 { font-size: 16pt }"。

parentRule 返回包含规则（如果有的话）（例如，在 @media 块中的样式规则）。

parentStyleSheet 返回该规则所属的 stylesheet 对象。

type 规则类型，例如 CSSRule.CHARSET_RULE 或 CSSRule.IMPORT_RULE。

注释：以上属性均为只读。