CSS选择器的性能优化

CSS选择器的性能排名（从最快者开始）：

（1）识别器:#id

（2）类:.class

（3）标签：div

（4）相邻兄弟选择器：a + i

（5）父类选择器：ul> li

（6）通用选择器：*

（7）属性选择：input[type="text"]

（8）伪类和伪元素：a:hover

应该记住，浏览器在处理选择器时依照 从右到左的原则，因此最右端的选择器应该是最快的

div * {...} // bad

.list li {...} // bad

.list-item {...} // good

#list .list-item {...} // good