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