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