CSS的ul
li
a:before
選擇器是用來(lái)在列表項(xiàng)之前添加內(nèi)容或樣式的。
ul li a:before { content: "?"; margin-right: 5px; }
上面的代碼將在列表項(xiàng)之前添加一個(gè)小黑點(diǎn)。
ul li a:before { content: ""; display: block; width: 20px; height: 20px; background-image: url('icon.png'); background-position: center; background-repeat: no-repeat; margin-right: 5px; }
上面的代碼將在列表項(xiàng)之前添加一個(gè)大小為20x20像素的圖標(biāo)。
使用before
選擇器可以方便地為列表項(xiàng)添加樣式,例如添加圖標(biāo)或序號(hào)。而使用偽元素:before
可以提高網(wǎng)頁(yè)的可讀性和美觀度。