css权重分为5级
- 第一级:内联样式
<div style=""></div>
权重 1000 - 第二级:id选择器 #开头 权重0100
- 第三级:class选择器 权重0010
- 第四级:标签选择器、伪类权重0001
- 第五级:通用选择器(*),子选择器(>)和相邻同胞选择器(+)无权重0000
示例
<p class="p1">这是内容</p>
<style>
p.p1{ // 权重0011
color:blue
}
.p1{ // 权重0010
color:red
}
</style>
最后显示为这是内容
最高权重 !important
!important 他最牛叉 其它统统排在其后