css权重

作者：冷言寡语发布日期:2025-09-13 浏览:93

/* 示例代码：CSS权重 */

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

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

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

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

/* 5. 组合选择器 (Combinators) */
div p {
    color: purple;
}

/* 解释说明：
- 内联样式的权重最高，因为它直接在HTML标签中定义。
- ID选择器的权重次之，每个页面中ID应该是唯一的。
- 类选择器的权重低于ID选择器，但高于元素选择器。
- 元素选择器的权重最低。
- 组合选择器的权重是其组成部分权重的总和。
*/

上一篇：css轮播图

下一篇：css左对齐