Html 更改推特引导3中堆叠导航药片的背景颜色

我正在使用twitter引导程序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;
}