一. CSS权重
CSS权重指的是样式的优先级,当同一个元素出现样式冲突时,会比较选择器之间的权重来决定谁生效。具体的选择器权重如下:
二. 优先级分类
优先级 | 选择器 / 样式 | 权重值 | 备注 |
---|---|---|---|
一级 | !important | 10000 | 无条件优先的属性,会覆盖页面内其他任何位置定义的元素样式,慎用 |
二级 | 行内样式( style=” ” ) | 1000 | 会造成css难以管理,不推荐使用 |
三级 | id选择器 | 100 | #content |
四级 | 类选择器、伪类选择器、属性选择器 | 10 | 比如: .content、:hover、:first-child |
五级 | 标签选择器、伪元素选择器 | 1 | 比如:div、p、:before |
六级 | 其他选择器 | 0 | * 空格 + > ~ |
三. 优先规则
有两条或多条样式作用于同一个元素时,权重高的那条样式对元素起作用;权重相同的,则根据就近原则的样式优先,就近原则也相同时,则后定义的样式优先。
就近原则的优先级是: