css 二层叠加

CSS（Cascading Style Sheets）是一种用于网页设计的标记语言，以样式表（Style Sheet）的形式来对网页的外观进行描述。在CSS中，可以通过层叠（Cascading）来实现样式的优先级和继承的控制。

CSS的层叠性指的是多个样式规则对同一元素进行样式设置时，按照不同权重进行叠加计算，最终确定元素的样式效果。在CSS的二层叠加中，需要考虑以下几个方面：

1. 样式的优先级：在CSS中，样式的优先级是由选择器的权重来决定的。一般来说，ID选择器的优先级最高，然后是类选择器和属性选择器，最后是标签选择器。如果有多个选择器对同一元素进行样式设置，那么权重高的样式规则会覆盖权重低的样式规则。

    /* ID选择器优先级最高 */
    #headline {
        font-size: 24px;
        color: red;
    }
    
    /* 类选择器和属性选择器的优先级次之 */
    .intro {
        font-size: 16px;
        font-weight: bold;
    }
    
    /* 标签选择器的优先级最低 */
    p {
        font-size: 14px;
    }

2. 样式的继承：在CSS中，有些样式是可以被子元素继承的。比如，设置了一个元素的字体颜色和背景色，那么其子元素也会继承这些样式。但是，并不是所有样式都可以被继承，比如边框和间距等样式就不能被继承。

    /* 父元素设置的背景色和字体颜色可以被子元素继承 */
    .parent {
        background-color: #f0f0f0;
        color: #333;
    }
    
    /* 子元素继承了父元素的背景色和字体颜色 */
    .child {
        font-size: 16px;
    }

CSS的层叠性可以帮助我们更好地控制网页的样式，但是也需要注意样式的优先级和继承的影响，避免出现样式冲突和不必要的覆盖。