CSS样式（选择器）的优先级CSS样式（选择器）的优先级

93 阅读 0 评论 62 点赞

我是靠谱客的博主酷酷夏天，这篇文章主要介绍CSS样式（选择器）的优先级CSS样式（选择器）的优先级，现在分享给大家，希望可以做个参考。

CSS样式（选择器）的优先级

CSS的优先级机制采用了比较权值的方法

例：

复制代码

1
2
3
4
5
6
7
/*#case 1*/
p{...
}
/*#case 2*/
div p{...
}

case 1 : 元素选择器，权值为1

case 2 : 两个元素选择器，权值为 1 + 1

对于上述例子，会应用case 2中的样式。

复制代码

1
2
3
4
5
6
7
/*#case 1*/
p{...
}
/*#case 2*/
p{...
}

这样的情况，就会应用case 2中的样式。

也就是说，多个类选择器可以累加权值，但是类选择器的数量级永远只是100，不会突破到1000，所以，使用11个类选择器的优先级也没有1个id选择器的优先级大

以上就是酷酷夏天最近收集整理的关于CSS样式（选择器）的优先级CSS样式（选择器）的优先级的全部内容，更多相关CSS样式（选择器）内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。