CSS-优先级#

什么是权重#

权重优先级#

从0开始，一个行内样式+1000，一个id选择器+100，一个属性选择器、class或者伪类+10，一个元素选择器，或者伪元素+1，通配符+0。

样式重复#

不同权重下，权重值高的生效#

!important > 行内样式 > 内联样式 and 外联样式

!important 提升样式优先级#

两种样式都使用 !important时#

!important 应用于简写样式#

行内、内联和外联样式优先级#

内联和外联样式优先级#

总结#

1. 常用选择器权重优先级：!important > id > class > tag
2. !important可以提升样式优先级，但不建议使用。如果!important被用于一个简写的样式属性，那么这条简写的样式属性所代表的子属性都会被应用上!important。 例如：background: blue !important;
3. 如果两条样式都使用!important，则权重值高的优先级更高
4. 在css样式表中，同一个CSS样式你写了两次，后面的会覆盖前面的
5. 样式指向同一元素，权重规则生效，权重大的被应用
6. 样式指向同一元素，权重规则生效，权重相同时，就近原则生效，后面定义的被应用
7. 样式不指向同一元素时，权重规则失效，就近原则生效，离目标元素最近的样式被应用