CSS 关键字 initial、inherit 和 unset

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 关键字我们可以简单理解为不设置。(我理解就是等于取消该元素这个css的设置,至于这个元素该变成啥样变啥样)

它是关键字 initial 和 inherit 的组合。

什么意思呢?也就是当我们给一个元素的 CSS 属性设置了 unset 的话:

  1. 如果该属性是默认继承属性,该值等同于 inherit
  2. 如果该属性是非继承属性,该值等同于 initial

猜你喜欢

转载自www.cnblogs.com/bobo1/p/12383596.html