html - css 选择器需要更改下拉列表中文本的颜色

Question

我正在尝试更改下拉菜单 ul 部分中用于电话号码的链接的颜色。尝试了很多不同的选择器，但没有任何效果!我正在使用 bootstrap 3。有人和想法吗？我使用选择器 .dropdown-menu li a 更改了字体大小，但字体的颜色不会改变。任何帮助都会很棒

            <div id="desktop" class="navbar-brand">
               <a class="numbers" href="tel:018151515">018 15 15 15</a> 
            </div>
            <div id="call">
                 <ul class="nav navbar-nav navbar-right">

                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" >
                        <span class="glyphicon glyphicon-earphone" id="earphone">`enter code here`</span>
                        <b class="caret" ></b>
                    </a>

                    <ul class="dropdown-menu">
                        <li>
                            <a class="numbers" href="tel:018151515">018 15 15 15</a>
                        </li>
                        <li class="divider">
                            <a  href="tel:018151515"></a>
                        </li>
                        <li class="header">
                            <a class="numbers" href="tel:018151515">Mobile Numbers</a>
                        </li>
                        <li class="divider">
                            <a  href="tel:018151515"></a>
                        </li>
                        <li>
                            <a class="numbers" href="tel:018151515">085 111 1111</a>
                        </li>
                        <li>
                            <a class="numbers" href="tel:018151515">086 222 2222</a>
                        </li>
                        <li>
                            <a class="numbers" href="tel:018151515">087 333 3333</a>
                        </li>

                    </ul>
                </li>
            </ul>    
            </div>

Answer 1

看看这个DEMO

li a.numbers {
    color: red;
}