css权重最高级 |css 不继承父类

有四个不同的CSS选择器，每个选择器都有不同的优先级：

1. !important - 被标记为!important的属性将具有最高的优先级
2. 内联样式 - 直接在HTML元素中定义的样式
3. ID选择器 - 使用#选择一个元素的唯一标识符
4. 类选择器/属性选择器/伪类选择器 - 包括CSS类，属性和伪类选择器

请注意，相同优先级的规则将遵循谁最后被定义的原则。

下面是一些示例，演示如何通过权重来确定哪个规则适用于元素：

/* .class选择器 */
p {
color: red;
}
/* #id选择器具有更高的优先级 */
#special {
color: blue;
}
/* 内联样式具有最高的优先级 */
<p>This text is green</p>
/* 使用!important可以覆盖所有其他规则 */
p {
color: black !important;
}

在编写CSS时，了解CSS权重和优先级非常重要。过度使用!important可能会导致CSS代码难以维护，并且可能会产生意外的结果。