問題描述

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

問題解答

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

圍觀一下哦，學(xué)習(xí)一下。

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

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

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