怎样用CSS设置UL标签的列表符号?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样用CSS设置UL标签的列表符号?相关的知识,希望对你有一定的参考价值。
我在通用CSS样式里,添加了list-style:none去掉了UL列表符号,但是我想在站内某一个UL里恢复使用,怎样单独设置呢?
我尝试了list-style-type:square 都没起作用呢
请求高手指点!
<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>' ); ?>
用于显示/样式标签列表。
但我还需要添加<a href="#"></a>
我的 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标签的列表符号?的主要内容,如果未能解决你的问题,请参考以下文章