Css样式表继承性详解+三个案例

前言：

在讲继承性之前，我们得知道什么叫继承。用官方一点的话解释说明：

文本相关属性具有继承性，只需要给祖先设置样式，后代所有标签生效。

讲得通俗一点，你肯定听过亲戚朋友跟你说过这样的话：你跟你老爸长得真像，你眼睛真像你老妈。这个就是属于基因里面的继承，你继承了你爸妈的一些相貌特征。你爸妈鼻子很高挺，把你生下来，大概率也会是高鼻梁，这就叫继承，也可以叫遗传。

---

案例展示1：

我们来看一个继承性最直观的表现

    <div class="div1">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </div>

<style> 
         .div1{
         color: red;
              }
</style>

 我们给div设置颜色，会发现li标签的颜色会变红。这是因为li标签是div的子元素，它会自动继承父元素的属性。

---

案例展