css继承

什么是继承?

那么CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。

为啥要继承?

下面举个例子,有如下html代码片段:
<p>CSS样式表<em>继承特性</em>的演示代码</p>

需要注意的是em是包含在p之内的
当我们指定p的css样式时,看看em会有什么变化呢

<style>p { color:red; }</style>
在浏览器中p 和 em 字体同时变红。我们并没有指定em的样式,但em继承了它的父亲元素p的样式特性。

image.png

想想不继承的话写起来大概会累死人。
CSS 继承 - DIVCSS5

所有属性都可以继承么?

当然不是!

<style>
    
    div {
        font-size:10px;
    }
</style>

<div> I am a girl
    <h2> you am a boy</h2>
</div>

这个h2就不继承div的font-size属性!

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容