编写高效的CSS选择器

CSS选择器具有高效的继承性，引用Steve Souders的话， CSS选择器效率从高到低的排序如下：

1.ID选择器 比如#header

2.类选择器 比如.promo

3.元素选择器 比如 div

4.兄弟选择器 比如 h2 + p

5.子选择器 比如 li > ul

6.后代选择器 比如 ul a 7. 通用选择器 比如 *

7.属性选择器 比如 type = “text”

8.伪类/伪元素选择器 比如 a:hover