概述
CSS样式（选择器）的优先级
CSS的优先级机制采用了比较权值的方法
一.权值
| 选择器 | 权值 |
|---|---|
| 内联样式 | 1000 |
| id选择器 | 100 |
| 类/伪类选择器 | 10 |
| 元素选择器 | 1 |
| 通配选择器（*） | 0 |
| 继承的样式 | 无 |
二.优先级规则
1.计算选择器的权值
例：
/*#case 1*/
p{...
}
/*#case 2*/
div p{...
}
case 1 : 元素选择器，权值为1
case 2 : 两个元素选择器，权值为 1 + 1
2.应用权值较大的样式
对于上述例子，会应用case 2中的样式。
3.如果权值相同，应用写在后面的样式
/*#case 1*/
p{...
}
/*#case 2*/
p{...
}
这样的情况，就会应用case 2中的样式。
三.注意——优先级有数量级的概念
也就是说，多个类选择器可以累加权值，但是类选择器的数量级永远只是100，不会突破到1000，所以，使用11个类选择器的优先级也没有1个id选择器的优先级大
最后
以上就是酷酷夏天为你收集整理的CSS样式（选择器）的优先级CSS样式（选择器）的优先级的全部内容，希望文章能够帮你解决CSS样式（选择器）的优先级CSS样式（选择器）的优先级所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复