課程
/前端開發
/CSS3
/CSS3實現“圖片陰影”效果
before和after現在不是規定要寫雙冒號了嗎？
2015-02-28
源自：CSS3實現“圖片陰影”效果 1-6
正在回答
單冒號(:)用于CSS3偽類，雙冒號(::)用于CSS3偽元素。
偽元素由雙冒號和偽元素名稱組成。雙冒號是在當前規范中引入的，用于區分偽類和偽元素。但是偽類兼容現存樣式，瀏覽器需要同時支持舊的偽類，比如:first-line、:first-letter、:before、:after等。
對于CSS2之前已有的偽元素，比如:before和:after，單冒號和雙冒號的寫法::before和::after作用是一樣的。
如果只需要兼容webkit、firefox、opera等瀏覽器，建議對于偽元素采用雙冒號的寫法，如果不得不兼容IE瀏覽器，還是用CSS2的單冒號寫法比較安全。
定定 提問者
學習了
舉報
利用多投影重疊的原理，實現曲線陰影與翹邊陰影的效果
1 回答after和before
4 回答before和after的問題
2 回答為什么before沒有出現在外面？為什么after出現在外面了？
1 回答:before和 :after 產生的效果，都不是基于.warp的
4 回答既然after是出現在下面，那before就應該出現在上面啊，這個怎么解釋??？博主沒有講清楚！?。。。。?！
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-03-23
單冒號(:)用于CSS3偽類，雙冒號(::)用于CSS3偽元素。
偽元素由雙冒號和偽元素名稱組成。雙冒號是在當前規范中引入的，用于區分偽類和偽元素。但是偽類兼容現存樣式，瀏覽器需要同時支持舊的偽類，比如:first-line、:first-letter、:before、:after等。
對于CSS2之前已有的偽元素，比如:before和:after，單冒號和雙冒號的寫法::before和::after作用是一樣的。
如果只需要兼容webkit、firefox、opera等瀏覽器，建議對于偽元素采用雙冒號的寫法，如果不得不兼容IE瀏覽器，還是用CSS2的單冒號寫法比較安全。
2015-04-11
學習了