Html 更改列表的样式

我使用

wp\u list\u categories

生成一个类别列表和it子类别，但它在

ul

和

li

中生成一个类别列表。我想通过改变每个类别的颜色来改变它的风格，去掉类别前的点，并将点改为

<ul class="footer_menu">    
<li class="cat-item cat-item-11">
    <a href="http://www.mytest.com/category/test1/">Test1</a>
    <ul class="children">
        <li class="cat-item cat-item-13">
            <a href="http://www.mytest.com/category/test1/sub-test1-1/">Sub test1 1</a>
        </li>
        <li class="cat-item cat-item-14">
            <a href="http://www.mytest.com/category/test1/sub-test2-1/">Sub test2 2</a>
        </li>
        <li class="cat-item cat-item-15">
            <a href="http://www.mytest.com/category/test1/sub-test3-1/">Sub test3 3</a>
        </li>
    </ul>
</li>
<li class="cat-item cat-item-4">
    <a href="http://www.mytest.com/category/test2/">Test2</a>
    <ul class="children">
        <li class="cat-item cat-item-16">
            <a href="http://www.mytest.com/category/test2/sub-test2-2/">Sub test2 1</a>
        </li>
        <li class="cat-item cat-item-18">
            <a href="http://www.mytest.com/category/test2/sub-test2-2/">Sub test2 2</a>
        </li>
        <li class="cat-item cat-item-19">
            <a href="http://www.mytest.com/category/test2/sub-test2-3/">Sub test2 3</a>
        </li>
    </ul>
</li>   

---

非常感谢

我认为没有其他方法可以将

列表样式类型

显示为箭头。您需要进行一些更改，如下面的代码

<style type="text/css">
ul { list-style-image: url("/images/arrow.gif") }
</style>

ul{list-style-image:url（“/images/arrow.gif”）}

删除

列表样式：光盘

并将以下内容添加到css中：

ul{list-style-type: none;} /*removes the dot*/
li:before{content:">";} /*adds the arrow*/
.cat-item a{color:red;} /*changes the color*/

这是我的建议

您可以找到大量有关如何在上设置列表样式的信息

ul{list-style-type: none;} /*removes the dot*/
li:before{content:">";} /*adds the arrow*/
.cat-item a{color:red;} /*changes the color*/