The inherit
, initial
, and unset
keywords are special values you can give to any CSS property.
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