写了几年的css,今天才知道其中奥秘

#ID li{font-size:12px;}

这句代码，我相信程序猿都不会觉得陌生，但直到今天我才知道其中奥秘。

我们会想象浏览器先找到唯一的 id  的元素，然后把样式应用到其直系子元素 li 元素上。这看起来好像还挺高效的。

事实上，CSS 选择符是从右到左进行匹配的。所以，上面的这条规则并不高效，浏览器必需遍历页面上的每个 li 元素并确定其父元素的 id。

具体规则： 《在 Mozilla UI 中编写高效的 CSS》 David Hyatt

1、避免使用通配规则

2、不要限定 ID 选择符

3、不要限定类选择符

4、让规则越具体越好

5、避免使用后代选择符

6、避免使用标签—子选择符

7、质疑子选择符的所有用途

8、依靠继承

 让我们开始写高效的css吧。