美文网首页web前端
css拾遗(5)-继承

css拾遗(5)-继承

作者: 姜治宇 | 来源:发表于2022-03-31 09:55 被阅读0次

    自动继承的属性

    自动继承的属性主要是跟文本相关的属性:color、font、font-family、font-size、font-weight、line-height、letter-spacing、text-align、white-space、word-space等。
    还有一些其他的属性,比如列表属性list-style也能自动继承。

    使用inherit继承

    如果不能自动继承的属性,可以使用关键字inherit来继承。

        <div style="color:yellow;">
            <a href="#">hello</a>
        </div>
    

    a标签因为有默认属性,会把父元素的color属性覆盖掉,如果我们想继承父元素的黄色,就用inherit。

    <div style="color:yellow;">
        <a href="#" style="color:inherit;">hello</a>
    </div>
    

    相关文章

      网友评论

        本文标题:css拾遗(5)-继承

        本文链接:https://www.haomeiwen.com/subject/uunvjrtx.html