css3的属性：inherit initial unset

inherit：使元素获取其父元素的计算值，可以应用于任何的css属性。对于继承属性，inherit只是增强了属性的默认行为，通常在覆盖原有值的时候使用。继承始终来自文档树中的父元素。

initial：将属性的默认值或者初始值应用于元素，initial可以将css属性恢复到初始中状态。可以应用于任何的css属性。

unset：如果该属性默认为继承属性，该值等同于inherit；如果该属性默认为非继承属性，该值等同于initial。

例子1：

<div id="current"><div id="sidebar"><h2>蓝色</h2></div></div><div id="sidebar"><h2>黑色</h2></div><style>
h2 { color: green; }
#sidebar h2 { color: inherit; }
div#current { color: blue; }
</style>

效果：

例子2：

<p><span>This text is red.</span><em>This text is in the initial color (typically black).</em><span>This is red again.</span></p>p{color:red;
}
em{color:initial
}

例子3：

<div class="father"><div class="children">子级元素一</div><div class="children unset">子级元素二</div>
</div>.father {color: red;border: 1px solid black;
}.children {color: green;border: 1px solid blue;
}.unset {color: unset;border: unset;
}

由于color是可继承的属性，设置unset，最终值为inherit，表现为父元素的红色

由于border是不可继承的属性，设置unset，最终值为initial，表现为默认值，border的默认值是无边框。

css3的属性：inherit initial unset相关推荐

[css] 说下你对css样式的这几个属性值initial、inherit、unset、revert的理解
[css] 说下你对css样式的这几个属性值initial.inherit.unset.revert的理解 initial(初始).inherit(继承).unset(未设置).revert(还原) ...
initial、inherit、unset、revert和all
前面的话在CSS中,有4个关键字理论上可以应用于任何的CSS属性,它们是initial(初始).inherit(继承).unset(未设置).revert(还原).而all的取值只能是以上这4个关键 ...
谈谈一些有趣的CSS题目（十五）-- 谈谈 CSS 关键字 initial、inherit 和 unset
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
CSS样式关键字initial、inherit、unset、revert和all
在CSS中,有4个关键字理论上可以应用于任何的CSS属性,它们是initial(初始).inherit(继承).unset(未设置).revert(还原).而all的取值只能是以上这4个关键字.本文将 ...
CSS 关键字 initial、inherit 和 unset
经常会碰到,问一个 CSS 属性,例如 position 有多少取值. 通常的回答是 static.relative.absolute 和 fixed .当然,还有一个极少人了解的 sticky .其 ...
initial、inherit、unset、revert和all的区别
initial 表示元素属性的初始默认值(该默认值由官方CSS规范定义) 示例 <p><span>This text is red.</span><em> ...
谈谈 CSS 关键字 initial、inherit 和 unset
经常会碰到,问一个 CSS 属性,例如 position 有多少取值. 通常的回答是 static.relative.absolute 和 fixed .当然,还有一个极少人了解的 sticky .其 ...
CSS3 box-shadow属性设置阴影效果用法大全
CSS3 box-shadow 属性用来向边框添加一个或多个阴影效果,该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值.可选的颜色值以及可选的 inset 关键词来规定,省略长度的值是 0. ...
inital，inherit，unset
经常会碰到,问一个 CSS 属性,例如 position 有多少取值. 通常的回答是 static.relative.absolute 和 fixed . 当然,还有一个极少人了解的 sticky 其 ...

css3的属性：inherit initial unset

css3的属性：inherit initial unset相关推荐

最新文章

热门文章