css 竖圆点 |js根据id设置css

列表项1
列表项2
列表项3

上面的代码表示了一个普通的无序列表，每个列表项前面都会有一个默认的竖圆点。如果大家想要改变这个竖圆点的样式，可以使用CSS样式对其进行设置。

ul {
list-style-type: none;
}
ul li::before {
content: "\2022";
margin-right: 5px;
color: red;
}

上述代码中，大家首先将列表的默认样式去掉，然后使用伪元素before来创建一个新元素，在新元素中插入”\2022″表示使用unicode编码为2022的字符作为竖圆点，将竖圆点向右移动5像素，最后将竖圆点的颜色设置为红色。这样就可以实现一个自定义的竖圆点列表了。