为什么我不能更改面包屑列表的颜色

Question

我有面包屑，但我的问题是我无法更改面包屑列表的文本颜色。我成功更改了字体粗细，但是颜色有问题。我试图编写color: white;代码，但无法正常工作，但失败了。

的HTML

<div class="container-fluid footer">
    <div class="row">
        <div class="col-xs-12">

            <img src="img/Gallery/fb.png" alt=""> &nbsp
            <img src="img/Gallery/twitter.png" alt=""> &nbsp
            <img src="img/Gallery/youtube.png" alt=""> &nbsp
            <img src="img/Gallery/myspace.png" alt="">

            <ol class="breadcrumb">
            <li><a class="active">Home</a></li>  &nbsp
            <li><a href="#">Gallery</a></li>  &nbsp
            <li> <a href="#">FAQ</a></li>   &nbsp
            <li> <a href="#">Contact</a></li>
            </ol>

            <p><small>Copyright <span class="glyphicon glyphicon-copyright-mark"></span>  All Right Reserved | Testing Website </small></p>
        </div>
    </div>
</div>

的CSS

.col-xs-12 .breadcrumb{
    background-color: #2b2b2b;
    color: white;
    font-family: TW Cen MT;
    font-size:18px;
    font-weight: bold;

}
.breadcrumb > li + li:before {
  content: none;
}

Answer 1

将此添加到您的CSS：

.breadcrumb li a    {
    color: white;
}

Answer 2

添加此行，然后它可能会正常工作，该<a href="">标记上具有一些默认的html样式。

ol > li > a {color:white}