inherit (Values & Units) – CSS 中文开发手册 - Break易站

[
  •   CSS 中文开发手册

    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继承

  •   CSS 中文开发手册
    ]
    转载请保留页面地址:https://www.breakyizhan.com/css/31511.html

    posted on 2020-07-13 21:05  MrAit  阅读(215)  评论(0编辑  收藏  举报

    导航