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

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

ol > li > a {color:white}

Answer 2

将此添加到您的css：

.breadcrumb li a    {
    color: white;
}

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

2 个答案: