
<style>
ul.a1 li {color:red}
ul.a2 li {color:blue}
ul.a3 li {color:green}
</style>
<ul class="a1">
<li>这是红色</li><li>这是红色</li><li>这是红色</li>
</ul>
<ul class="a2">
<li>这是蓝色</li><li>这是蓝色</li>
</ul>
<ul class="a3">
<li>这是绿色</li><li>这是绿色</li><li>这是绿色</li><li>这是绿色</li>
</ul>
给ul定义css就可以了
或者是在外层div写样式
案例如下:
<div class="one"><ul></ul>
</div>
<div class="two">
<ul></ul>
</div>
<style>
.one ul{}
.two ul{}
</style>
你看下能明白不 不明白联系我..
用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性。
然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc !important这样就又有序号了,
如果设置在ul里,下面的ul里就写上新的list-style:square(你需要的样式)来覆盖,如果写在li里,就在下面的li里面设置新的来覆盖。
具体看代码:
<html>
<head>
<style>
#div1{
width:600px
height:40px
font-size:13px
list-style-type:disc !important
}
</head>
<body>
<div id='div1'>
<ul>
<li>测试1</li>
<li>测试2</li>
</ul>
</div>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)