什麼是高效的CSS呢

歡迎大家在這裡學習什麼是高效的CSS!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!所謂高效的CSS就是讓浏覽器在查找style匹配的元素的時候盡量進行少的查找，下面列出一些我們常見的寫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{color:red;}

更好寫法：.red{..}

4、使用class代替層級關系

一般寫法：#divBox ul li a{display:block;}

更好寫法：.block{display:block;}

好了，什麼是高效的CSS內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

制作css藍色按鈕的技巧