css3 的优先级

阅读: 评论:0

css3 的优先级

css3 的优先级

CSS 选择器优先级是指“基础选择器” 的优先级, 如下
ID>CLASS>元素>*

important>内联>ID>类>标签|伪类|属性选择器>伪元素>继承>通配符


优先级数值比较: 以数值大的为准
记住以下四个然后进行计算


选择器特殊性(abcd)优先级
style=“”1,0,0,01000
#wrapper #content{}0,2,0,0200
#content .demo{}0,1,1,0110
div#content{}0,1,0,1101
#content p{}0,1,0,1101
#content{}100100
p ment .demo{}0,0,2,121
div ment p{}0,0,1,212
ment p{}0,0,1,111
p ment{}0,0,1,111
ment{}0,0,1,010
div p{}0,0,0,22
p{}0,0,0,11
1.   important  的优先级最高(不建议使用,不利于维护)

2.  内联样式表的权值最高 1000;

3.  ID 选择器的权值为 100

4.  Class 类选择器的权值为 10

5.  HTML 标签选择器的权值为 1


本文发布于:2024-02-02 18:51:23,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170687108445749.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:优先级
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23