慕课网 初识 HTML+CSS 学习笔记 —— 第九章 CSS的继承、层叠和特殊性

 

第9章 CSS的继承、层叠和特殊性

9-1 继承

CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规则，它允许样式不仅应用于某个特定html标签元素，而且应用于其后代。比如下面代码：如某种颜色应用于p标签，这个颜色设置不仅应用p标签，还应用于p标签中的所有子元素文本，这里子元素为span标签：

<style>

    p{color:red;}

</style>

<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>

可见下面代码结果中p中的文本与span中的文本都设置为了红色。但注意有一些css样式是不具有继承性的。如border:1px solid red;

<style>
    p{border:1px solid red;}
</style>

<p>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</p>