溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Web前端面試指導(dǎo)(十二)：::before 和:before有什么區(qū)別？

發(fā)布時(shí)間：2020-10-23 10:18:55 來源：網(wǎng)絡(luò) 閱讀：423 作者：智學(xué)無憂1 欄目：開發(fā)技術(shù)

題目點(diǎn)評

這個(gè)問題看來很簡單，但如果之前沒有琢磨這個(gè)問題，給人感覺也是門頭一垂，聽到這個(gè)題目就懵逼了，因?yàn)樵瓉韽膩頉]有注意過這個(gè)問題，即便有注意這個(gè)問題也不能很好的回答清楚?；卮鸬募记删褪菑南嗤c(diǎn)和不同點(diǎn)，以及他們的作用，及注意事項(xiàng)上去回答。 Web前端面試指導(dǎo)(十二)：::before 和:before有什么區(qū)別？

解答要點(diǎn)

  •  相同點(diǎn)

  1. 都可以用來表示偽類對象，用來設(shè)置對象前的內(nèi)容

  2. :befor和::before寫法是等效的

  •  不同點(diǎn)

  1. :befor是Css2的寫法，::before是Css3的寫法

  2. :before的兼容性要比::before好 ，不過在H5開發(fā)中建議使用::before比較好

加分項(xiàng)

  1. 偽類對象要配合content屬性一起使用

  2. 偽類對象不會出現(xiàn)在DOM中，所以不能通過js來操作，僅僅是在 CSS 渲染層加入

  3. 偽類對象的特效通常要使用:hover偽類樣式來激活

    [css] view plain copy  Web前端面試指導(dǎo)(十二)：::before 和:before有什么區(qū)別？ Web前端面試指導(dǎo)(十二)：::before 和:before有什么區(qū)別？

    1. .test:hover::before { /* 這時(shí)animation和transition才生效 */ }  

--------------------------------------------------------------------------------------------------------------------



向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手