inherit - CSS(层叠样式表) 编辑
inherit
关键字使得元素获取其父元素的计算值。它可以应用于任何CSS属性,包括CSS简写 all
。
对于继承属性,inherit 关键字只是增强了属性的默认行为,只有在重载(overload)其它规则的时候被使用。对于非继承属性,inherit 这指定的行为通常没有多大意义,一般使用使用 initial
或 unset
作为替代。
继承始终来自文档树中的父元素,即使父元素不是包含块。
示例
/* 设置二级标题的颜色为绿色 */
h2 { color: green; }
/* ...but leave those in the sidebar alone so they use their parent's color */
#sidebar h2 { color: inherit; }
在下面这个例子中,如果sidebar 中h2
元素的div匹配下面的规则的话,颜色会变成蓝色。
div#current { color: blue; }
规范
Specification | Status | Comment |
---|---|---|
CSS Cascading and Inheritance Level 4 inherit | Candidate Recommendation | No changes from Level 3. |
CSS Values and Units Module Level 3 inherit | Candidate Recommendation | No significant change from CSS Level 2 (Revision 1). |
CSS Level 2 (Revision 1) inherit | Recommendation | Initial definition. |
浏览器兼容性
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.See also
- Inheritance
- Use
initial
to set a property to its initial value. - Use
unset
to set a property to its inherited value if it inherits, or to its initial value if not. - Use
revert
to reset a property to the value established by the user-agent stylesheet (or by user styles, if any exist). - The
all
property lets you reset all properties to their initial, inherited, reverted, or unset state at once.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论