css 选择器的优化（效率）

标签：

1. id选择器（#myid）
2.  类选择器（.myclassname）
3.  标签选择器（div,h1,p）
4.  相邻选择器（h1+p）
5.  子选择器（ul > li）
6.  后代选择器（li a）
7.  通配符选择器（*）
8.  属性选择器（a[rel="external"]）
9.  伪类选择器（a:hover,li:nth-child）

效率由高到低。

浏览器读取选择器的顺序由右至左。。。

书写高效率选择的方法 ：

1. 避免普遍规则
2.  不要在ID选择器前加标签名或类名
3.  不要在类名选择器前加标签名
4.  尽可能使用具体的类别
5.  避免使用后代选择器
6.  标签分类规则中不应该包含一个子选择器
7.  子选择器的问题
8.  借助相关继承关系
9.  使用范围内的样式表

css 选择器的优化（效率）

标签：

原文地址：http://www.cnblogs.com/hybueno/p/5362952.html