CSS中的偽類Before,
可以用于給元素添加在內(nèi)容前面的偽元素。
它的基本語法如下:
選擇器::before { content: "添加內(nèi)容"; }
其中,選擇器指定要添加偽元素的元素,content屬性指定要添加的內(nèi)容。
使用偽類Before可以實現(xiàn)很多效果,比如給列表項添加符號。
ul li::before { content: "?"; margin-right: 5px; }
上面的代碼會在無序列表中的每個列表項前面添加一個實心圓點,讓列表項更加明顯。
除了文本內(nèi)容,還可以通過content屬性添加圖片或者其他的CSS屬性。
div::before { content: ""; display: block; background-image: url('圖片鏈接'); width: 100px; height: 100px; }
上面的代碼會在div元素前面添加一張圖片。
需要注意的是,偽類Before只能在元素的內(nèi)容前面添加元素。如果需要在元素的內(nèi)容后面添加元素,需要使用偽類After。
總之,偽類Before可以為網(wǎng)頁設計帶來更加豐富的可能性,需要我們靈活運用。