inherit (Values & Units) – CSS 中文开发手册 - Break易站
2021-01-21 12:13
inherit (Values & Units) - CSS 中文开发手册
inheritCSS关键字使得元素的指定属性值取其父元素的该属性的计算值。它可以应用于任何CSS属性，包括CSS简写属性all。
对于继承的属性，这强化了默认行为，只需要覆盖另一个规则。对于非继承属性，这种指定行为通常就毫无意义，你可以考虑使用initial替代，或者在all属性中设置unset。
即使父元素不是包含块，继承始终是从文档树中的父元素开始的。
实例
/* Make second-level headers green */
h2 { color: green; }
/* ...but leave those in the sidebar alone so they use their parent‘s color */
#sidebar h2 { color: inherit; }
在这个例子中边栏内的元素h2可能是不同的颜色。例如，如果其中之一是由规则匹配的div的孩子
div#current { color: blue; }
这将是蓝色的。
规范
|
Specification |
Status |
Comment |
|---|---|---|
|
CSS Cascading and Inheritance Level 4The definition of ‘inherit‘ in that specification. |
Working Draft |
No changes from Level 3. |
|
CSS Values and Units Module Level 3The definition of ‘inherit‘ in that specification. |
Candidate Recommendation |
No significant change from CSS Level 2 (Revision 1). |
|
CSS Level 2 (Revision 1)The definition of ‘inherit‘ in that specification. |
Recommendation |
Initial definition. |
浏览器兼容性
|
Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
|---|---|---|---|---|---|
|
Basic support |
1.0 |
1.0 (1.7 or earlier) |
8.0 |
4.0 |
1.0 (85) |
|
Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
|---|---|---|---|---|---|
|
Basic support |
1.0 |
1.0 (1.0) |
? |
? |
(Yes) |
另见
Inheritance继承
文章标题：inherit (Values & Units) – CSS 中文开发手册 - Break易站
文章链接：http://soscw.com/index.php/essay/44983.html