css 中 padding-top:inherit; 这个inherit值代表什么意思啊?

html-css025

css 中 padding-top:inherit; 这个inherit值代表什么意思啊?,第1张

这个样式表示从父元素继承顶部内边距的值,inherit就是继承父元素的意思。例如一个div的padding-top:10px如果它里面还包含了一个p,这个p的padding-top:inherit那就相当于这个p的padding-top:10px

initial

initial 关键字用于设置 CSS 属性为它的默认值,可作用于任何 CSS 样式。

inherit

每一个 CSS 属性都有一个特性就是,这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一,我们可以在 MDN 上通过这个索引查找,判断一个属性的是否继承特性。

unset

名如其意,unset 关键字我们可以简单理解为不设置。其实,它是关键字 initial 和 inherit 的组合

其实在这两种方式下,p都继承了body的outline样式,只不过当body没有设置border时,p的outline就跟body的outline重叠了,看上去就感觉p没有outline一样。你只要多放几个p(或者在p的前面加一些其他元素),就能发现其中奥妙了。