- CSS选择器权重
选择器 | 权重 |
---|---|
!important | Infinity |
行间样式 | 1000 |
id | 100 |
class/伪类 | 10 |
标签选择器 | 1 |
通配符 | 0 |
2.浏览器内部处理选择器顺序
自右向左
div ul li span em
浏览器会 从右至左 来处理选择器,从而节省效率
如果 从左至右 处理的话,浏览器就会找遍所有的元素,浪费效率
3.并列选择器
两个选择器之间没有空格
<div>1</div>
<div class="demo">2</div>
<p class="demo">3</p>
div.demo{
backgroundColor= red
}
4.1 em = 1 * font-size, font-size默认为16px