CSS选择器和优先级权重
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
选择器的优先级权重
- 标签选择器、伪元素选择器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 - 样式表的来源不同时优先级顺序为内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |