欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css选择器优先级深入理解 博客分类: css  

程序员文章站 2024-03-17 09:01:16
...

一、什么是css优先级
css优先级,即是指CSS样式在浏览器中被解析的先后顺序。
二、css优先级规则
1、通配选择符的权值 0.0.0.0
2、标签的权值为 0.0.0.1
3、类的权值为 0.0.1.0
4、属性选择的权值为 0.0.1.0
5、伪类选择的权值为 0.0.1.0
6、伪对象选择的权值为 0.0.0.1
7、ID的权值为 0.1.0.0
8、important的权值为最高 1.0.0.0
所以在比较样式的优先级时,只需统计选择符中的id、class、标签名个数,然后把对应的权值相加即可。根据结果便可得出优先级高低。
1、结果较大的优先级较高。
2、结果相同,则后定义的样式优先级较高。
3、如果样式值中含有!important,则该值优先级最高。