CSS复杂选择器、权重计算问题、CSS基础属性

1. 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