先说个应用于li的场景,都知道在list-style: disc情况下,li的表现是这样的:
1、间距大,虽然可以通过margin负值来调整
2、圆点太大,不好看,不好调整大小,而且在谷歌/火狐上看起来有差异
所以:before就派上用场了:
<li class="test">test</li>
.test {
position: relative;
margin: 50px;
padding: 10px 13px;
}
.test:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
border-radius: 50%;
background: #000;
left: 5px;
top: 14px;
}
可以根据实际情况调整圆点大小。