css 层级

作者：故事只剩听说发布日期:2026-08-04 浏览:14

/* 示例代码：CSS 层级（特异性） */

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

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

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

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

/* 解释说明：
CSS 层级（特异性，Specificity）决定了当多个 CSS 规则应用于同一个 HTML 元素时，哪一个规则会被应用。
- 内联样式（Inline styles）具有最高的优先级。
- ID 选择器次之。
- 类选择器、属性选择器和伪类选择器再次之。
- 元素选择器和伪元素选择器优先级最低。

如果两个规则的特异性相同，则后定义的规则会覆盖先定义的规则。 */

上一篇：css怎么用

下一篇：css rotate3d