提高CSS性能

1、選擇器

• 了解CSS的查找匹配原理，讓CSS更簡潔、高效
• 使用高效率的CSS選擇器
• 如何使CSS渲染更高效

總結

1. 不要在ID選擇器前使用標簽名 一般寫法：div#divBox
   更好寫法：#divBox
   解釋： 因為ID選擇器是唯一的，加上div反而增加不必要的匹配。
2. 不要再class選擇器前使用標簽名
   一般寫法：span.red
   更好寫法：.red
   

   解釋： 同第一條，但如果你定義了多個.red，而且在不同的元素下是樣式不一樣，則不能去掉，比如你css文件中定義如下：
   p.red { color: red; }
   span.red { color:#ff00ff; }
   如果是這樣定義的就不要去掉，去掉后就會混淆，不過建議最好不要這樣寫

3. 盡量少使用層級關系
   一般寫法：#divBox p .red { ... }
   更好寫法：.red { ... }
4. 使用class代替層級關系
   一般寫法：#divBox ul li a { display: block; }
   更好寫法：.block{display:block;}
   

本文非原創，旨在整理和自我學習。