問題描述

偽元素:after和 :before 存在的意義？

問題解答

偽元素:after和 :before 存在的意義？-PHP中文網問答-偽元素:after和 :before 存在的意義？-PHP中文網問答

圍觀一下哦，學習一下。

最近學到的是利用before和after制作翹邊陰影和曲邊陰影，效果驚艷。此外我個人覺得before和after可以在特殊情況下添加一些特殊的效果而不破壞原網頁的整體結構，比如階段推廣在某圖片上加一些特殊的字或內容....新手，大神勿噴。

使得html更加語義化。有些時候，為了某些特定的展現，不得不添加用于輔助布局的無意義html元素，這兩個偽元素能實際起到這種輔助布局的作用，而又不增加無意義純布局html元素，所以html就更簡潔更純粹了。從這個角度看，css的純粹語義化確實是沒有意義的，純粹語義的只會有html。此外，僅僅這兩個偽元素是一定不能解決問題的，所以還有first-child跟last-child這種，當然還有人搞笑寫second-child的，不過你怎么知道將來就不會有。。。也許還有father和grandpa呢

:after和 :before 的存在是很有意義了，我都有種相見恨晚的感覺，它可以在標簽前后添加自定義的內容，比如icon啊，小圖標啊，小文字什么的，實在是很有用！！！真心是好東西，想到了一個成語：暴殄天物！！！