选择器的优先级权重
- 标签选择器、伪元素选择器：1
- 类选择器、属性选择器、伪类选择器：10
- id 选择器：100
- 内联样式：1000
| 选择器 | 格式 | 优先级权重 |
|---|---|---|
| id选择器 | #id | 100 |
| 类选择器 | .class | 10 |
| 属性选择器 | a[ref=“eee”] | 10 |
| 伪类选择器 | div:last-child | 10 |
| 标签选择器 | div | 1 |
| 伪元素选择器 | div:after | 1 |
| 相邻兄弟选择器 | h1+p | 0 |
| 子选择器 | ul>li | 0 |
| 后代选择器 | ul li | 0 |
| 通配符选择器 | * | 0 |
注意事项
-
!important声明的样式的优先级最高； - 如果优先级相同，则最后出现的样式生效；
- 继承得到的样式的优先级最低；
- 通用选择器（
*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ； - 样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。
文章来源地址https://www.toymoban.com/news/detail-693605.html
文章来源：https://www.toymoban.com/news/detail-693605.html
到了这里，关于CSS选择器和优先级权重的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
