Question

我正在尝试更改列表点的颜色，但它不起作用？

<div class="mobile-menu" id="mobile-menu">
        <div id="mobile-menu-links">
            <h4>General:</h4>
            <ul class="mobile-menu-links">
                <li><a href="">News</a></li>
                <li><a href="">The boring rules!</a></li>
                <li><a href="">The rankings</a></li>
            </ul>

.mobile-menu #mobile-menu-links ul{
                list-style-type: none;
                margin:0;
                padding-left:3%;
            }

            .mobile-menu #mobile-menu-links ul li{
                padding-bottom:2px;
                border-bottom:1px solid #bababa;
            }

如果我在两个CSS声明中添加color:red，它不会改变颜色。

请注意，我的文档中已关闭HTML，我只是复制了第一部分供您查看。

感谢。

Answer 1

有多种方法可以做到这一点......

为子弹着色背后的想法

ul { list-style: none; }

li:before { content:"\2022 \00A0"; color: red; }

jsfiddle

another link

根据评论，我能够看到颜色变化jsfiddle

Answer 2

请在CSS内添加额外内容

a:link {color:#FF0000;} 
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}  
a:active {color:#0000FF;}

以下是fiddle

Answer 3

试试这个http://jsfiddle.net/Dnxmm/。 [ul]必须在前面。

ul.mobile-menu-links{
            margin:0;
            padding-left:3%;
            color:red;
        }

 ul.mobile-menu-links li{
            padding-bottom:2px;
            border-bottom:1px solid #bababa;
            color:red;
        }

无法在列表中设置项目符号的颜色样式

3 个答案: