CSS选择器权重优先级排序是指,当一个HTML文档中存在多个CSS选择器时,浏览器将根据不同的权重优先级,来决定使用哪一个CSS选择器。
CSS选择器权重优先级排序是指,当一个HTML文档中存在多个CSS选择器时,浏览器将根据不同的权重优先级,来决定使用哪一个CSS选择器。
CSS选择器权重优先级排序的排序如下:
1. !important > 行内样式 > ID选择器 > 类选择器 > 属性选择器 > 伪类选择器 > 标签选择器 > 通配符选择器
2. 同级别的选择器,根据出现的顺序进行排序,后面的会覆盖前面的。
示例代码:
css
/*ID选择器*/
#box {
width: 100px;
height: 100px;
background-color: red;
}
/*类选择器*/
.box {
width: 200px;
height: 200px;
background-color: blue;
}
/*行内样式*/
最终样式:
css
#box {
width: 300px;
height: 300px;
background-color: green;
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(15条)