如果点中间有个空格：li .active{color:red}
意思是选择 li 的子元素类名为 active 的元素对其生效：<li><a class="active">Link</a></li>
如果点中间没有空格：li.active{color:red}
是选择类名为 active 的 li 对其生效：
<li class="active">对我生效</li>
<li>对我无效</li>
设置li标签的list-style属性为none
如下例子
li标签在没有设置li{list-style:none}的时候，前面是有圆点的，设置之后，圆点消失
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{list-style: none}/*这里设置*/
</style>
</head>
<body>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</body>
</html>
li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决。1.将圆点去掉，li{ list-style:none}；然后用color:#ff0000设置字体的颜色。<li>.</li>这里的点就是红色的了，你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size:12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。
2.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。
希望对你有用哦，不懂的再hi我
