CSS 关键字 inherit 和 unset

我们看w3c文档，发现position的取值有static（默认值）、relative、absolute 和 fixed 。除此之外其实还有initial（默认）、inherit（继承）、unset 和 revert（未在规范中）。

initial（IE不支持）

initial 用于设置css属性为它的默认值。

inherit

每个css属性都有一个特性，要么是默认继承的（inherited：yes）或者是默认不继承的（inherited：no）。

可继承属性：

• 所有元素可继承：visibility 和 cursor
• 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction
• 块状元素可继承：text-indent和text-align
• 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image
• 表格元素可继承：border-collapse

unset（不支持IE）

我们可以理解为取反设置，在哪两个指之间取反呢？是在inherit 和 initial之间取反。

比如：

1.将可继承样式改为不可继承样式： color：unset

2.将不可继承样式改为可继承样式： border：unset

当然，这个属性也可以应用到position上，比如实现如下效果（不推荐使用unset）：

有人说二级下拉菜单有啥难的，当然这并不难，但如果我们采用如下结构：

<li><a>业务介绍</a> <ul><li>二级菜单</li></ul></li>

也就是二级菜单包含在一级菜单中，若不在一级菜单li上加position：unset属性，会是什么效果呐，请看：

此时，二级菜单是相对于一级菜单定位的，所以我们可以用unset来设置：

1.先在二级菜单区域上position：unset

2.再在二级菜单区域上position：absolute

......

更多介绍及应用请参考：https://www.cnblogs.com/coco1s/p/6733022.html