本文主要講解css偽元素的用法,有需要的朋友可以閱讀此文。本文講解的偽元素有:before,after.
什么是偽元素(Pseudo element)?
偽元素不是真正的元素,不存在與文檔之中,所以js無(wú)法操作他。那為什么叫他“元素”?因?yàn)槲覀兛梢詫?duì)其進(jìn)行跟元素幾乎無(wú)差別的操作。
偽元素有哪些?
before,after,first-letter,first-line。
我們?yōu)槭裁葱枰獋卧兀?/p>
偽元素是創(chuàng)造關(guān)于文檔語(yǔ)言能夠指定的文檔樹之外的抽象。例如文檔語(yǔ)言不能提供訪問元素內(nèi)容第一字或者第一行的機(jī)制。偽元素允許設(shè)計(jì)師引用它們,否則這是難以辦到的。偽元素還提供樣式設(shè)計(jì)師給在源文檔中不存在的內(nèi)容分配樣式(例如::before和:after能夠訪問產(chǎn)生的內(nèi)容)——百度百科。
怎樣表示偽元素?最好使用雙冒號(hào),防止與偽類混淆。
hey::before{ &n