html - 更改列表的样式

标签 html css

我使用 wp_list_categories 生成类别列表和子类别,但它在 ulli 中生成它们的列表。我想通过更改每个类别的颜色来更改它的样式并删除类别之前的点并将点更改为 >

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

这是我的 CSS:

.content_footer_menu {background-color: #000;font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif; margin:10px 0; color: #fff;}

ul.footer_menu {background-color: #000;font-size:11px; padding: 20px; margin: 10px 0 10px 240px; width: 1269px;}

.footer_menu, .footer_menu ul { line-height:1; margin:0; padding:0; }
.footer_menu li { float:left; padding:20px; margin: 0; list-style: disc; list-style-position: inside;}
.footer_menu a{ color:#999; text-decoration: none; }
.footer_menu a:hover { color:#fff;}
.footer_menu ul {padding: 0;}
.footer_menu ul { margin:0; padding: 20px 0 0 0;}
.footer_menu li li{float: none;padding: 0 20px 20px 0;}
.cleaner{clear: both;}
.current_page_item a{color: #fff;}
.footer_menu .current_page_item li a{color: #999;}

非常感谢!

最佳答案

我认为没有任何其他方法可以将 list-style-type 显示为箭头。您需要进行一些更改,例如以下代码

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

关于html - 更改列表的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23127852/

相关文章:

HTML/CSS 元素不适合/按需要对齐页面

javascript - 单击按钮切换输入

javascript - 将 slider 值序列化为不可编辑的文本对象

css - 有条件的,即在 Symfony 1.2 中包含 css

html - css vertical-alignment 应该在单元格位置是绝对的时候工作还是这是浏览器中的错误/差距

html - 多个标记谷歌地图嵌入 API

html - CSS:图像前面的背景 - 如何防止它?

html - 无法更改下拉菜单的背景颜色

javascript - Chrome 中未捕获的类型错误无法读取未定义的属性 'x'

jquery - 为什么我的 jQuery 不能工作?