提高CSS效能

不要在id選擇器前使用標籤名

一般寫法：div#divbox

更好寫法：#divbox

解釋： 因為id選擇器是唯一的，加上div反而增加不必要的匹配。

不要再class選擇器前使用標籤名

一般寫法：span.red

更好寫法：.red

解釋： 同第一條，但如果你定義了多個.red，而且在不同的元素下是樣式不一樣，則不能去掉，比如你css檔案中定義如下：

p.red

span.red

如果是這樣定義的就不要去掉，去掉後就會混淆，不過建議最好不要這樣寫

盡量少使用層級關係

一般寫法：#divbox p .red

更好寫法：.red

使用class代替層級關係

一般寫法：#divbox ul li a

更好寫法：.block

提高CSS效能

不要在id選擇器前使用標籤名 一般寫法 div divbox 更好寫法 divbox 解釋 因為id選擇器是唯一的，加上div反而增加不必要的匹配。不要再class選擇器前使用標籤名 一般寫法 span.red 更好寫法 red 解釋 同第一條，但如果你定義了多個.red，而且在不同的元素下是樣式不...

CSS效能分析，如何優化CSS提高效能

其實，不規範的css會導致很多效能問題，這些問題可能在一些小的專案中不夠明顯，但是在大型專案中就會顯現出來。在優化css之前我們需要了解下css是怎麼進行工作的，我們都知道css是由選擇器，屬性和屬性值構成的。我們可能會這樣寫上一行 css con loulan1 p span html div c...

CSS效能分析，如何優化CSS提高效能

其實，不規範的css會導致很多效能問題，這些問題可能在一些小的專案中不夠明顯，但是在大型專案中就會顯現出來。在優化css之前我們需要了解下css是怎麼進行工作的，我們都知道css是由選擇器，屬性和屬性值構成的。我們可能會這樣寫上一行 css con loulan1 p span html div c...