[CSS]三大特性之一继承性、层叠性、优先级

<style>
        div {
            color: red;
            font-size: 30px;
            {#background: #0066ff;#}
        }
    </style>
    <!--
    1. 并不是所有的属性都可以继承只有color/font-/text-/line开头的属性才可以继承
    2. 在CSS的继承中不仅仅是儿子可以继承，只要是后代都可以继承
    3.1 a标签的文字颜色和下划线是不能继承的
    3.2 h标签的文字大小是不能继承的
    -->
    <div>
        <p>我是段落</p>
    </div>
    <div>
        <ul>
            <li>我是段落</li>
        </ul>
    </div>
    <div><a href="#">百度</a></div>
    <div>
        <h1>我是标题</h1>
    </div>

---

<style>
        p {
            color: red;
            font-size: 30px;
            {#background: #0066ff;#}
        }
    .para {
        color: blue;
    }
</style>
    <!--
    1. 什么是层叠性 覆盖
    同标签多个属性会覆盖
    -->
   <p id="identity" class="para">我是段落</p>

---

<style>
        /* 直接选择 */
        p{}
        #identity{}
        .para{}
        /* 间接选择 */
        ul
</style>
    <!--
    1. 什么是优先级 同标签多个属性会覆盖,覆盖之后会由优先级来决定
    2.1 是否是直接选中(间接选中就是继承，间接选中谁离标签近选中谁)
    2.2 是否是相同的选择器,谁写在后面选中谁
    2.3 选择器的优先级 id>class>标签>通配符>继承>浏览器
    -->
    <ul>
        <li>
            <p id="identity" class="para">我是段落</p>
        </li>
    </ul>