html - 在Twitter Bootstrap 3中更改堆积的导航药丸的背景颜色

我正在使用Twitter Bootstrap 3。

我想更改堆叠式导航药丸（ul）的背景颜色

的CSS

   .red .active a,
.red .active a:hover {
    background-color: red !important;
}

的HTML

<div class="col-lg-3">
                <ul class="nav nav-pills nav-stacked red" id="NavParent">
                    <li class=""><a href="#" onclick="MenuToggle(this)"><span class="pull-right glyphicon glyphicon-arrow-down">
                    </span>Home</a>
                        <div class="collapse">
                            <ul class="nav nav-pills nav-stacked">
                                <li class=""><a href="#">Home1</a></li>
                                <li><a href="#">Profile</a></li>
                                <li><a href="#">Messages</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

我在这里想念的是什么？

最佳答案

似乎您错过了添加类.red

.red, .red .active a,
.red .active a:hover {
    background-color: red !important;
}

关于html - 在Twitter Bootstrap 3中更改堆积的导航药丸的背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22091447/