Skip to content

Commit 1a74074

Browse files
committed
docs(dom): fix css
1 parent 7d5718b commit 1a74074

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

docs/dom/css.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -389,6 +389,8 @@ var myStyleSheet = document.getElementById('myStyle').sheet;
389389
myStyleSheet instanceof StyleSheet // true
390390
```
391391

392+
`CSSStyleSheet`接口代表一个单一的 CSS 样式表,它从父代`StyleSheet`继承属性和方法
393+
392394
### 实例属性
393395

394396
`StyleSheet`实例有以下属性。
@@ -457,9 +459,9 @@ if (stylesheet.parentStyleSheet) {
457459
document.styleSheets[0].ownerNode // [object HTMLLinkElement]
458460
```
459461

460-
**(8)StyleSheet.cssRules**
462+
**(8)CSSStyleSheet.cssRules**
461463

462-
`StyleSheet.cssRules`属性指向一个类似数组的对象(`CSSRuleList`实例),里面每一个成员就是当前样式表的一条 CSS 规则。使用该规则的`cssText`属性,可以得到 CSS 规则对应的字符串。
464+
`CSSStyleSheet.cssRules`属性指向一个类似数组的对象(`CSSRuleList`实例),里面每一个成员就是当前样式表的一条 CSS 规则。使用该规则的`cssText`属性,可以得到 CSS 规则对应的字符串。
463465

464466
```javascript
465467
var sheet = document.querySelector('#styleElement').sheet;
@@ -474,11 +476,11 @@ sheet.cssRules[1].cssText
474476
每条 CSS 规则还有一个`style`属性,指向一个对象,用来读写具体的 CSS 命令。
475477

476478
```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';
479481
```
480482

481-
**(9)StyleSheet.ownerRule**
483+
**(9)CSSStyleSheet.ownerRule**
482484

483485
有些样式表是通过`@import`规则输入的,它的`ownerRule`属性会返回一个`CSSRule`实例,代表那行`@import`规则。如果当前样式表不是通过`@import`引入的,`ownerRule`属性返回`null`
484486

0 commit comments

Comments
 (0)