看下面的一段代码:

<style>
div{
    color: red;
}
</style>
<div>
    <p>
        <h1>我是红色的, 你信吗</h1>
    </p>
</div>

在CSS中, 我们给div元素添加的color样式, 那么<h1>中的文本是不是红色的呢?

然而, 你发现他确实变成了红色.

这是为什么呢? 我们并没有给h1添加样式呀!

这是因为, h1从他的父容器div中继承过来了color属性.

在css的设计中, 子元素可以从他父辈(父亲, 爷爷, ...)元素中继承一部分属性的值.

这种特性, 我们称之为CSS属性的继承性.

但是有一点需要明确: 并不是所有的属性都可以继承, 只有部分才可以继承.

哪些属性可以继承, 哪些属性不可以继承呢?

哪些属性默认被继承哪些不被继承大部分符合常识。

总结下:

8.CSS的继承性

results matching ""