css样式优先级

作者：清梦独行发布日期:2025-11-10 浏览:42

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

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

/* 2. ID选择器 (#id) */
#myId {
    color: blue;
}

/* 3. 类选择器 (.class) */
.myClass {
    color: green;
}

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

/* 5. 通配符选择器 (*) */
* {
    color: gray;
}

/* 解释说明：
- 内联样式（Inline Styles）具有最高的优先级，可以直接在HTML标签中定义。
- ID选择器的优先级高于类选择器、标签选择器和通配符选择器。
- 类选择器的优先级高于标签选择器和通配符选择器。
- 标签选择器的优先级高于通配符选择器。
- 通配符选择器的优先级最低。
- 如果优先级相同，则后定义的样式会覆盖先定义的样式。
*/

上一篇：css transparent

下一篇：css 文字倾斜