关于css:inherit和initial

inherit 关键字

有时，咱们想用继承代替一个层叠值。这时候能够用 inherit 关键字。能够用它来笼罩另一个值，这样该元素就会继承其父元素的值。

initial 关键字

每一个 CSS 属性都有初始（默认）值。如果将 initial 值赋给某个属性，那么就会无效地将其重置为默认值，这种操作相当于硬复位了该值。

这么做的益处是不须要思考太多。如果想删除一个元素的边框，设置 border: initial 即可。如果想让一个元素复原到默认宽度，设置 width: initial 即可。

auto 不是所有属性的默认值，对很多属性来说甚至不是非法的值。比方 border-width: auto 和 padding: auto 是非法的，因而不会失效。能够花点工夫钻研一下这些属性的初始值，不过应用 initial 更简略。但要留神在 IE 下的兼容性很差。

申明 display: initial 等价于 display: inline。不论利用于哪种类型的元素，它都不会等于 display: block。这是因为 initial 重置为属性的初始值，而不是元素的初始值。inline 才是 display 属性的初始值。