编写高效的css选择符

今天我学习了css优化，了解到css选择符是从右到左匹配的。要编写高效的css选择符需要注意一下几点：

1.避免使用通用选择符:除了传统意义上的通配选择符之外，相邻兄弟选择符、子选择符、后代选择符和属性选择符都归纳到“通配规则”分类下。最好仅仅使用ID、类和标签选择符。

2.不要限定ID选择符。ID只对应一个元素，所以没有必要额外的限定。

3.不要限定类选择符：不要用具体的标签限定类选择符，而是根据实际情况对类名进行扩展。例如，把LI.chapter改成.li-chapter更好。

4.让规则越具体越好：不要试图编写像OL LI A这样的长选择符，最好创建一个像.list-anchor一样的类，并把它添加到适当的元素上。

5.避免使用后代选择符。通常处理后代选择符的开销是最高的，而使用子选择符也可以得到想要的结果，并且更高效。遵循下一条指南就更好了，这样就连子选择符也避免使用了。

6.避免使用标签--子选择符：如有#toc>LI>A这样的子选择符，应该使用一个类来关联每个标签元素，如.toc-anchor。

7.质疑子选择符的所有用途：检查所有使用子选择符的地方，尽可能用具体的类取代他们。

8.了解哪些属性可以继承而来，然后避免对这些属性重复指定规则。