CSS樣式表中,有一項非常重要的限制,那就是對選擇器的長度限制,一般在30位左右。
/*例子*/ .container .header .nav ul li a{/*樣式*/}
在這段CSS代碼中,選擇器就占據了30位的長度,超過了這個長度會導致樣式不生效。
雖然CSS允許幾乎無限制的選擇器嵌套,但是過多的嵌套會導致CSS代碼中選擇器的長度變長,而且極其浪費計算機的資源,也會增加網頁加載的時間。
因此,在編寫CSS代碼時,我們應該盡可能避免選擇器的嵌套,盡量使用簡短的選擇器,例如:
.nav {/*樣式*/}
使用以上選擇器代替身為示例的選擇器,雖然樣式沒有變動,但是代碼長度變為了7位,大大提高了選擇器的效率,加快了網頁的加載速度。
總之,在編寫CSS樣式表時,我們應該時刻注意選擇器長度的限制,盡可能使用簡短的選擇器來代替復雜的嵌套選擇器,提高網頁加載速度。
下一篇css描邊發光特效