CSSStyleSheet对象表示一个单独的CSS样式表。
CSS样式表由CSS规则组成,可以通过CSSRule对象操作每条规则。CSSStyleSheet对象允许查询、插入和删除样式表规则。
可以通过使用 document.styleSheets 属性获得给定文档的样式表列表(样式表对象的集合)。
CSSStyleRule对象的属性
| 属性 | 描述 |
|---|---|
| cssRules | 以数组的形式返回样式表中所有 CSS 规则。 |
| disabled | 该属性指示是否已应用当前样式表。如果为 true,样式表被关闭,且不能应用于文档。如果为 false,样式表打开并且可以应用于文档。 |
| href | 返回样式表的位置(URL),如果是内联样式表,则为 null。 |
| media | 规定样式信息预期的目标媒介。 |
| ownerNode | 返回将该样式表与文档相关联的节点。 |
| ownerRule | 如果该样式表来自 @import 规则,ownerRule 属性将包含 CSSImportRule。 |
| parentStyleSheet | 返回包含该样式表的样式表(如果有的话)。 |
| title | 返回当前样式表的标题。标题可以通过引用该样式表的 <style> 或 <link> 元素的 title 属性来指定。 |
| type | 规定该样式表的样式表语言。以 MIME 类型表示,CSS 样式表的类型为 "text/css"。 |
CSSStyleRule对象方法
| 方法 | 描述 |
|---|---|
| addRule() | 为一个样式表添加一条规则的特定于 IE 的方法。 |
| deleteRule() | 从指定位置删除规则的 DOM 标准方法。 |
| insertRule() | 向样式表中插入一条新规则的 DOM 标准方法。 |
| removeRule() | 删除一条规则的特定于 IE 的方法。 |