css 通用属性
- initial
- inherit
- unset
- revert
initial
initial
关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。(IE 不支持该关键字)
inherit
每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes)
或者是默认不继承的 (inherited: no)
其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。
可继承属性
最后罗列一下默认为 inherited: Yes
的属性:
- 所有元素可继承:visibility 和 cursor
- 内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction
- 块状元素可继承:text-indent 和 text-align
- 列表元素可继承:list-style、list-style-type、list-style-position、list-style-image
- 表格元素可继承:border-collapse
unset
名如其意, unset
关键字我们可以简单理解为不设置。其实,它是关键字 initial
和 inherit
的组合。
什么意思呢?也就是当我们给一个 CSS 属性设置了 unset
的话:
- 如果该属性是默认继承属性,该值等同于
inherit
- 如果该属性是非继承属性,该值等同于
initial
revert
revert
是更为新的一个关键字。直接意译的意思为 – 恢复。
它与关键字 unset
非常类似,在大部分情况下,他们的作用是一模一样的!唯一的区别是:
revert
:属性应用了该值后,将还原到具有由浏览器或用户创建的自定义样式表(在浏览器侧设置)设置的值unset
: 属性应用了该值后,样式将完全被还原
unset 和 revert 的不同之处
|
|
参考
写了这么多年 CSS,initial 和 inherit 以及 unset 和 revert 还傻傻分不清楚?
- 本文作者: luckyship
- 本文链接: https://luckyship.github.io/2020/12/21/2020-12-21-css-common-attribute/
- 版权声明: 本博客所有文章除特别声明外,均采用 MIT 许可协议。转载请注明出处!