1、選擇器

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

總結

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

不要再class選擇器前使用標簽名
一般寫法：span.red
更好寫法：.red

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

盡量少使用層級關系
一般寫法：#divBox p .red { ... }
更好寫法：.red { ... }

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

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

總結

以上是生活随笔為你收集整理的提高CSS性能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。