在CSS中,我們可以使用偽元素來創(chuàng)建一些新的標(biāo)簽。具體來說,CSS中提供了以下幾種偽元素來實現(xiàn)這個功能:
::before ::after ::first-line ::first-letter
其中,::before和::after可以在某個元素的前面或后面添加內(nèi)容,而且這些內(nèi)容是完全由CSS來控制的。這樣,我們就可以在不改變HTML結(jié)構(gòu)的前提下,添加一些新的標(biāo)簽來實現(xiàn)我們需要的樣式效果。
下面我們來看一個簡單的例子,通過::before偽元素來創(chuàng)建一個自定義的標(biāo)簽并設(shè)置樣式:
/*使用“-”創(chuàng)建一個自定義標(biāo)簽*/ span::before { content: "-"; margin-right: 10px; font-weight: bold; }
上述代碼會在每個標(biāo)簽前面添加一個“-”,并設(shè)置該“-”的樣式為加粗字體并距離右邊10像素。通過這種方式,我們就達(dá)到了在不改變HTML結(jié)構(gòu)的前提下,添加自定義標(biāo)簽的效果。