700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css的优先级及复合选择器权重计算

css的优先级及复合选择器权重计算

时间:2020-02-24 21:07:41

相关推荐

css的优先级及复合选择器权重计算

css优先级

优先级公式

优先级:继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important

注意: 如果加!important只提高加了的这个属性的优先级, 而且其他的属性还是按照我们的优先级排列

Important例子:

color: yellow !important;

1,Css继承的样式>默认的样式

2,通配符读选择器样式的优先级>继承的样式

3,标签选择器的优先级>通配符选择器的优先级

4,类选择器样式的优先级>标签选择器的优先

5,ID选择器优先级>类选择器的优先级

6,行内选择器的样式优先级>ID选择器的优先级

复合选择器权重的计算

(0000)

第一个零表示!important的个数

第二个零表示ID选择器的个数

第三个零表示类选择器的个数

第四个零表示标签选择器的个数

比较时:从第一个零开始,如果第一个零大,那么就是这个选择器的权重高

如果大小相等,比较第二个“0”的大小,如果第二个零大那么这个选择器的权重高

还相等,以此类推

最后:如果比较完后都相等,使用后面的样式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。