请问如何为不同的ul添加不同的链接样式?

请问如何为不同的ul添加不同的链接样式?,第1张

给这些不同的ul设置不同的class(类),然后在css中用ul.xxx作为选择器匹配不同的样式。比如:

<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>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/11408265.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存