css 优先级

作者：冥界少主发布日期:2025-03-19 浏览:146

/* 示例代码：CSS 优先级 */

/* 1. 内联样式（最高优先级） */
<p style="color: red;">这是内联样式的文本。</p>

/* 2. ID 选择器 */
#special {
    color: blue;
}

/* 3. 类选择器 */
.special-class {
    color: green;
}

/* 4. 标签选择器 */
p {
    color: black;
}

/* 5. 通用选择器（最低优先级） */
* {
    color: gray;
}

/* 解释说明：
- 内联样式具有最高的优先级，可以直接覆盖其他所有样式。
- ID 选择器的优先级高于类选择器、标签选择器和通用选择器。
- 类选择器的优先级高于标签选择器和通用选择器。
- 标签选择器的优先级高于通用选择器。
- 如果多个规则具有相同的优先级，则最后定义的规则会生效。
*/

上一篇：css文字竖排

下一篇：css :before