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,则该值优先级最高。
下一篇: Sort
推荐阅读
-
css选择器优先级深入理解 博客分类: css
-
!important、CSS样式、选择器优先级高低的深入理解
-
CSS之旅(2):如何更深入的理解各种选择器_html/css_WEB-ITnose
-
CSS之旅(2):如何更深入的理解各种选择器_html/css_WEB-ITnose
-
CSS之旅--第二站 如何更深入的理解各种选择器_html/css_WEB-ITnose
-
深入理解CSS选择器的优先级顺序
-
CSS之旅--第二站 如何更深入的理解各种选择器_html/css_WEB-ITnose
-
深入理解CSS伪类选择器的知识(代码示例)
-
深入理解CSS选择器的优先级顺序
-
深入理解CSS选择器优先级的计算 - jerrylsxu