<span class="edit"></span>
css里写
.edit{.....}
标签选择器的优先级没有class高嘀!
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0
padding: 0
}aaa
body{font-size:12px}
img{border:none}
li{list-style:none}
input,select,textarea{outline:none}
a{text-decoration:none}
/* 清除浮动 */
.clearfix:after{content:""display:blockclear:both}
.clearfix{zoom:1}
接下来介绍几种去除列表前面小圆点的方法。1、在CSS中写上 list-style:none;通过这个属性,可以去除列表样式
ul{list-style: none}
效果图:
2、在CSS中加上 list-style-type: none ;和上一种方式一样,只是用了不同的属性。
ul{list-style-type: none}
3、在 li 标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。
<ul><li style="list-style-type: none">西施</li><li style="list-style-type: none">王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>
效果图:
4、当然,也可以给标签一个类名,在CSS中给样式,比如下列代码,只给第一个 li 标签样式,它自然就没有前面的圆点了。
HTML部分:
<ul><li class="a1">西施</li><li>王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>
CSS部分:
.a1{list-style-type: none}
效果图:
总结:以上介绍了CSS中如何去除列表样式,四种方法都可以使用,看个人习惯了,希望这个如何去除 li 前面的点的 教程可以帮助到你!