inherit - CSS(层叠样式表) 编辑

 inherit 关键字使得元素获取其父元素的计算值。它可以应用于任何CSS属性,包括CSS简写 all

对于继承属性,inherit 关键字只是增强了属性的默认行为,只有在重载(overload)其它规则的时候被使用。对于非继承属性,inherit 这指定的行为通常没有多大意义,一般使用使用 initialunset 作为替代。

继承始终来自文档树中的父元素,即使父元素不是包含块。

示例

/* 设置二级标题的颜色为绿色 */
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; }

规范

SpecificationStatusComment
CSS Cascading and Inheritance Level 4
inherit
Candidate RecommendationNo changes from Level 3.
CSS Values and Units Module Level 3
inherit
Candidate RecommendationNo significant change from CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1)
inherit
RecommendationInitial 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

词条统计

浏览:128 次

字数:4491

最后编辑:6 年前

编辑次数:0 次

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文