选择器的权重值

  选择器              权重值          对应意思

!important          >1000            标重点 (最高优先级) 

内联样式             1000            写在body里的

id选择器              100          style样式里以#开头的

类/伪类                10              在样式里以.开头

元素         1             p、h1、em、a,html     见该链接https://www.w3school.com.cn/css/css_selector_type.asp

*通用选择器       0                *通配符

继承的样式             无         有父子关系的均叫继承样式

 

1.当一个选择器含有多个选择器时,需要将所有的选择器的权重值进行相加,然后再比较,权重值高的优先级高;

2.分组选择器权重值不相加,单独计算;

3.权重值的计算不会超过其最大数量(100个1加在一起,不会大于一个10);

4.样式后面添加!important,该样式直接获得最高优先级。内联样式不能添加!important;

5.权重值相同,按照就近原则。

 

 

 

 

posted on 2019-11-06 15:43  咳咳1122  阅读(509)  评论(0编辑  收藏  举报

导航