怎样用CSS设置UL标签的列表符号?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用CSS设置UL标签的列表符号?相关的知识,希望对你有一定的参考价值。

我在通用CSS样式里,添加了list-style:none去掉了UL列表符号,但是我想在站内某一个UL里恢复使用,怎样单独设置呢?
我尝试了list-style-type:square 都没起作用呢
请求高手指点!

用CSS设置UL标签的列表符号,这个我们是不需要去设置的,因为ul默认就是标签符号的,如果你是使用了这个list-style:none;去掉了这个属性,然后你又想有的话,你就给这个ul一个id或者是class,然后在css中list-style-type:disc !important;这样就又有序号了,具体看代码:

<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>
参考技术A 跟你list-style:none 设置在css哪个选择器里有关。
如果设置在ul里,下面的ul里就写上新的list-style:square(你需要的样式)来覆盖,如果写在li里,就在下面的li里面设置新的来覆盖。
参考技术B 或者你给li标签设置背景,就可以做成你说的那种效果本回答被提问者采纳 参考技术C 这一句直接删了,不写。默认就有的 参考技术D 给 li 设置

我怎样才能更多地自定义 wordpress 标签列表?

【中文标题】我怎样才能更多地自定义 wordpress 标签列表?【英文标题】:How can I more customize wordpress tags list? 【发布时间】:2014-12-02 14:50:08 【问题描述】:

我得到一个代码 wordpress codex

<?php the_tags( '<ul><li>', '</li><li>', '</li></ul>' ); ?> 

用于显示/样式标签列表。

但我还需要添加&lt;a href="#"&gt;&lt;/a&gt;

我的 HTML 是这样的,

<ul class="tag-list">
    <li><a href="#"><i class="fa fa-check-circle"></i>fully responsive</a></li>
    <li><a href="#"><i class="fa fa-check-circle"></i>localisation support</a></li>
    <li><a href="#"><i class="fa fa-check-circle"></i>semantic and clean html/css</a></li>
    <li><a href="#"><i class="fa fa-check-circle"></i>woocomerce support</a></li>
    <li><a href="#"><i class="fa fa-check-circle"></i>custom widgets</a></li>
</ul>

谢谢, 迪普托

【问题讨论】:

我不太确定这个问题到底在问什么。您要添加更多标签还是链接有问题? 【参考方案1】:

我不确定是否能很好地理解您的问题。 如果您需要 WP 生成标签列表 HTML,例如 your HTML,您可以这样做:

<?php the_tags( '<ul class="tag-list"> <li><a href="#"><i class="fa fa-check-circle"></i>', '</a></li> <li><a href="#"><i class="fa fa-check-circle"></i>', '</a></li></ul>' ); ?>

【讨论】:

以上是关于怎样用CSS设置UL标签的列表符号?的主要内容,如果未能解决你的问题,请参考以下文章

怎么将ul下的li标签横着排列,要设置那个属性?

1、如何用CSS设置ul,使其在div中li靠左对齐?ul有默认的左边距。2、和设置ul的标签样式的大小

如何修改列表项li、ul前的圆点小方块

怎么设置ul ,li标签元素横排且居中啊?

ul 和 ol 标签的相关设置

怎么设置ul ,li标签元素横排且居中啊?