css三大特性

作者：昔日暖阳发布日期:2026-02-06 浏览:94

/* CSS三大特性：层叠性、继承性和优先级 */

/* 1. 层叠性 (Cascade) */
/* 当多个样式规则应用于同一个元素时，浏览器会根据特定的规则决定应用哪一个样式。 */
/* 示例： */
h1 {
    color: red; /* 这个规则会被后面的规则覆盖 */
}
h1 {
    color: blue; /* 最终 h1 的颜色会是蓝色 */
}

/* 2. 继承性 (Inheritance) */
/* 某些属性会从父元素继承到子元素。 */
/* 示例： */
div {
    color: green; /* 子元素 p 会继承这个颜色 */
}
div p {
    /* p 元素会显示为绿色，除非有其他规则覆盖 */
}

/* 3. 优先级 (Specificity) */
/* 样式规则的优先级决定了哪个规则会被应用。优先级由选择器的类型决定。 */
/* 示例： */
p {
    color: black; /* 优先级较低 */
}
#special-p {
    color: purple; /* ID 选择器优先级较高，会覆盖前面的规则 */
}

上一篇：css隐藏元素

下一篇：css 线性渐变