File tree Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Original file line number Diff line number Diff line change @@ -389,6 +389,8 @@ var myStyleSheet = document.getElementById('myStyle').sheet;
389
389
myStyleSheet instanceof StyleSheet // true
390
390
```
391
391
392
+ ` CSSStyleSheet ` 接口代表一个单一的 CSS 样式表,它从父代` StyleSheet ` 继承属性和方法
393
+
392
394
### 实例属性
393
395
394
396
` StyleSheet ` 实例有以下属性。
@@ -457,9 +459,9 @@ if (stylesheet.parentStyleSheet) {
457
459
document .styleSheets [0 ].ownerNode // [object HTMLLinkElement]
458
460
```
459
461
460
- ** (8)StyleSheet .cssRules**
462
+ ** (8)CSSStyleSheet .cssRules**
461
463
462
- ` StyleSheet .cssRules` 属性指向一个类似数组的对象(` CSSRuleList ` 实例),里面每一个成员就是当前样式表的一条 CSS 规则。使用该规则的` cssText ` 属性,可以得到 CSS 规则对应的字符串。
464
+ ` CSSStyleSheet .cssRules` 属性指向一个类似数组的对象(` CSSRuleList ` 实例),里面每一个成员就是当前样式表的一条 CSS 规则。使用该规则的` cssText ` 属性,可以得到 CSS 规则对应的字符串。
463
465
464
466
``` javascript
465
467
var sheet = document .querySelector (' #styleElement' ).sheet ;
@@ -474,11 +476,11 @@ sheet.cssRules[1].cssText
474
476
每条 CSS 规则还有一个` style ` 属性,指向一个对象,用来读写具体的 CSS 命令。
475
477
476
478
``` javascript
477
- styleSheet .cssRules [0 ].style .color = ' red' ;
478
- styleSheet .cssRules [1 ].style .color = ' purple' ;
479
+ cssStyleSheet .cssRules [0 ].style .color = ' red' ;
480
+ cssStyleSheet .cssRules [1 ].style .color = ' purple' ;
479
481
```
480
482
481
- ** (9)StyleSheet .ownerRule**
483
+ ** (9)CSSStyleSheet .ownerRule**
482
484
483
485
有些样式表是通过` @import ` 规则输入的,它的` ownerRule ` 属性会返回一个` CSSRule ` 实例,代表那行` @import ` 规则。如果当前样式表不是通过` @import ` 引入的,` ownerRule ` 属性返回` null ` 。
484
486
You can’t perform that action at this time.
0 commit comments