使用li:before更改无序列表的项目符号颜色



关于如何改变子弹的颜色,我有一个很好的解决方案。解决方案注意到了另一种方法。

"如果你不能修改你的HTML,你可以使用list-style-image和一个自定义颜色的圆点,或者使用生成的内容(例如li:before)并相应地上色(但要注意列表项目符号的位置问题)。"

有人能解释一下吗?

谢谢

这意味着当你只能改变CSS而不能改变HTML时,你可以用纯CSS添加内容。

在这个例子中,unicode字符2022被添加到每个列表项之前,并被标记为红色。

CSS还隐藏了上面的list-style-type: none;行之前的任何列表项"marker"

最新更新