網(wǎng)站制作NEWS
SCROLL
css后代選擇器和子選擇器的區(qū)別介紹
子選擇器的效率更高點。
當(dāng)渲染CSS時,先確定后代。然后往上尋找其祖輩,找到符合的再應(yīng)用樣式。
因此,當(dāng)明確指定子選擇器時,只要在DOM樹中往上找一層就行了(其實CSS有顆自己的樹,這么說是為了方便理解)。然而,對于后代選擇器,由于是往上找,所以要一層層確認(rèn)。
當(dāng)然,現(xiàn)代瀏覽器對此已經(jīng)優(yōu)化得很好,對于體驗者而言,完全感覺不到區(qū)別。
相反的,如果不停地指定子選擇器,反而會使得CSS文件臃腫,網(wǎng)絡(luò)IO請求變慢,導(dǎo)致整體頁面渲染變慢,影響用戶體驗。
標(biāo)簽: css后代選擇器和子選擇器的區(qū)別介紹
多重隨機(jī)標(biāo)簽