css优先级顺序正确的是

作者：愛火焚城发布日期:2026-04-27 浏览:50

/* 示例代码 */

/* 1. 内联样式（Inline Styles） */
<p style="color: red;">这是一个内联样式的例子。</p>

/* 2. ID选择器（ID Selectors） */
#unique {
    color: blue;
}

/* 3. 类选择器、属性选择器和伪类（Class, Attribute, and Pseudo-class Selectors） */
.warning {
    color: orange;
}

/* 4. 元素选择器和伪元素（Element and Pseudo-element Selectors） */
p {
    color: green;
}

/* 5. 通配符选择器（Universal Selector） */
* {
    margin: 0;
    padding: 0;
}

/* 解释说明：
CSS优先级顺序从高到低依次为：
1. 内联样式（!important 除外）
2. ID选择器
3. 类选择器、属性选择器和伪类
4. 元素选择器和伪元素
5. 通配符选择器

如果有多个规则应用于同一个元素，优先级高的规则会覆盖优先级低的规则。
*/

上一篇：css内容超出显示滚动条

下一篇：css background 充满自适应