The inherit, initial, and unset values

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

原文地址：https://www.cnblogs.com/eret9616/p/11882976.html