选择器的优先级
选择器的类型 | 权值 |
---|---|
元素选择器 | 0,0,0,1 |
类选择器 | 0,0,1,0 |
伪类选择器 | 0,0,1,0 |
id选择器 | 0,1,0,0 |
内联样式 | 1,0,0,0 |
!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
注意:选择器的权值加到一起 大的是优先 如果权值相同的话,后定义的优先
优先级相同时,则采用就近原则,选择最后出现的样式;
继承得来的属性,其优先级最低;
!improtant
作用:显示调整样式的优先级
语法:属性名称: 值!improtant
注意: IE浏览器8以下不支持
破坏了优先级规则
另外例如当在一个div(类名为box)中嵌入ul(类名为ul_1),li时,.box ul li 优先级大于.ul_1 li,类似这种方法都可以提高选择器的优先级。
nth-of-type也可以提高选择器的优先级,总之,提高选择器优先级的方法有很多,
看具体情况来使用。