提高CSS效能

2021-09-07 21:48:41 字數 432 閱讀 6490

不要在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...