The  inheritinitial, and unset keywords are special values you can give to any CSS property.

The inherit, initial, and unset values-LMLPHP

The inherit, initial, and unset values-LMLPHP

The inherit, initial, and unset values-LMLPHP

Tests:

color:inherit:

  colors are normally inherit, 所以父元素设置了蓝色的话,所有被设置的子元素也会变成蓝色。

color:initial

The initial value of color is black, 所以设置了initial的子元素会变成黑色。

color:unset:

因为color 默认会被继承,所以被设置了unset的子元素会继承父元素的蓝色

display:inherit:

display的值不会被默认继承。所以如果父元素是block,设置display:inherit后所有这些子元素会被变成block

display:initial:

display的initial value是inline,所以设置display:initial后,所有这些子元素会变成inline

display:unset:

display的值不会被默认继承。所以设置unset后会让将所有元素设置为initial,也就是inline

05-18 21:38