Skip to content

Commit

Permalink
docs(dom/css): fixed #272
Browse files Browse the repository at this point in the history
  • Loading branch information
ruanyf committed Apr 24, 2024
1 parent 83aea13 commit 2092d3b
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/dom/css.md
Original file line number Diff line number Diff line change
Expand Up @@ -292,7 +292,7 @@ CSS.supports('display: table-cell;') // false

行内样式(inline style)具有最高的优先级,改变行内样式,通常会立即反映出来。但是,网页元素最终的样式是综合各种规则计算出来的。因此,如果想得到元素实际的样式,只读取行内样式是不够的,需要得到浏览器最终计算出来的样式规则。

`window.getComputedStyle`方法,就用来返回浏览器计算后得到的最终规则。它接受一个节点对象作为参数,返回一个 CSSStyleDeclaration 实例,包含了指定节点的最终样式信息。所谓“最终样式信息”,指的是各种 CSS 规则叠加后的结果。
`window.getComputedStyle()`方法,就用来返回浏览器计算后得到的最终规则。它接受一个节点对象作为参数,返回一个 CSSStyleDeclaration 实例,包含了指定节点的最终样式信息。所谓“最终样式信息”,指的是各种 CSS 规则叠加后的结果。

```javascript
var div = document.querySelector('div');
Expand Down Expand Up @@ -328,7 +328,7 @@ var height = styleObj.getPropertyValue('height');
- CSSStyleDeclaration 实例返回的 CSS 值都是绝对单位。比如,长度都是像素单位(返回值包括`px`后缀),颜色是`rgb(#, #, #)``rgba(#, #, #, #)`格式。
- CSS 规则的简写形式无效。比如,想读取`margin`属性的值,不能直接读,只能读`marginLeft``marginTop`等属性;再比如,`font`属性也是不能直接读的,只能读`font-size`等单个属性。
- 如果读取 CSS 原始的属性名,要用方括号运算符,比如`styleObj['z-index']`;如果读取骆驼拼写法的 CSS 属性名,可以直接读取`styleObj.zIndex`
- 该方法返回的 CSSStyleDeclaration 实例的`cssText`属性无效,返回`undefined`
- 该方法返回的 CSSStyleDeclaration 实例的`cssText`属性总是返回空字符串

## CSS 伪元素

Expand Down

0 comments on commit 2092d3b

Please sign in to comment.