在twitter bootstrap 3中更改堆积的导航药片的背景颜色

Question

我正在使用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>

我在这里缺少什么？

Answer 1

您似乎错过了添加课程.red

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