前端属性选择器的权重分析

1.如果大家都是单标签选择器, 那么谁写在下面, 谁生效

2.Id选择器的权重  >  类选择器的权重  >  标签选择器的权重

255              255                   1

3.继承的权重, 我们算为0

4.如果大家都是权重一样的选择器, 那么谁写下面, 谁生效(有个前提条件是, 大家都直接选中p)

5.如果大家都没有选中, 属性是继承而来, 那么谁离的近, 就是谁生效

如果大家都没有选中, 并且离得一样近, 则好好数权重

Important 是重要的意思  可以提升属性的权重

!important 并不是提升选择器的权重

!important 并不能提升继承的权重, 因为继承的权重为0, 也就是基数为0!

 

注意: 在工作环境, !important尽量少用

例题：

//蓝色，都没有选中p标签，而class为box1的div靠得更近。

//红色，并不能提升继承的权重。

//pink,权重一样，后面覆盖上面

//蓝色，都带有p标签则看权重，注意第一个选择器写错直接失效，故为蓝色。

//绿色

//绿色，并行选择器看其权重大者，二权重相等则覆盖;