Web前端面試指導(十二)：::before 和:before有什麼區別？

題目點評

這個問題看來很簡單，但如果之前沒有琢磨這個問題，給人感覺也是門頭一垂，聽到這個題目就懵逼了，因爲原來從來沒有注意過這個問題，即便有注意這個問題也不能很好的回答清楚。回答的技巧就是從相同點和不同點，以及他們的作用，及注意事項上去回答。

解答要點

•  相同點

1. 都可以用來表示僞類對象，用來設置對象前的內容

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

•  不同點

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

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

加分項

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

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

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

   [css] view plain copy 

   .test:hover::before { /* 這時animation和transition才生效 */ }

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