css优先级

作者：浪推晚风发布日期:2026-05-13 浏览:62

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

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

/* 2. ID选择器 */
#my-id {
    color: blue;
}

/* 3. 类选择器、属性选择器和伪类 */
.my-class {
    color: green;
}

/* 4. 元素选择器和伪元素 */
p {
    color: black;
}

/* 5. 通用选择器、组合子和否定伪类 */
* {
    margin: 0;
    padding: 0;
}

/* 解释说明：
- 内联样式优先级最高，因为它直接在HTML标签中定义。
- ID选择器的优先级次之，每个页面中ID应该是唯一的。
- 类选择器、属性选择器和伪类的优先级较低。
- 元素选择器和伪元素的优先级更低。
- 通用选择器的优先级最低。
*/

上一篇：css 图片居中

下一篇：css学习