首先你要知道css中有偽類(lèi)和偽元素, 偽類(lèi): 比如說(shuō) a標(biāo)簽 :hover 給你顯示下劃線(xiàn), 提醒你這是個(gè)鏈接; 偽元素: 比如input的::placeholder這樣的,修改樣式
我們可以通過(guò)偽類(lèi)和偽元素去簡(jiǎn)化我們的頁(yè)面編寫(xiě)難度
區(qū)別
為什么要分成偽類(lèi)和偽元素呢?
偽類(lèi): 就是這個(gè)元素的一個(gè)狀態(tài) 比如 :active :checked :empty, 都是當(dāng)這個(gè)元素的一個(gè)狀態(tài).
那偽元素又是什么呢?
你需要?jiǎng)?chuàng)建一個(gè)新的元素才能完成的樣式,也就是說(shuō),如果你不用偽元素,你需要信創(chuàng)建一個(gè)元素才能完成這樣的效果;
比如::after 和::before作用是在元素前后添加內(nèi)容和樣式, 對(duì)于偽元素 css提供了一個(gè)content屬性 可以在css中對(duì)偽元素添加內(nèi)容, 可以看這里我寫(xiě)的一個(gè)小例子:http://codepen.io/broven/pen/mWmVGV?editors=1100 (還沒(méi)有搞清楚簡(jiǎn)書(shū)如何嵌入)
