如何选择导航栏列表项背景颜色？

Question

我想在导航栏中更改所选标签或访问过的页面的背景颜色，我看到bootstrap css如何在悬停和访问时有背景颜色，但我不确定是否应该覆盖bootstrap css或添加帮助类来实现此任务。

main.html中

<nav class="navbar navbar-default">
    <div >
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a ui-sref="app.dit">DIT</a></li>
                <li><a ui-sref="app.st">ST</a>
                <li><a>UAT</a></li>
                <li><a>PROD</a></li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

您将以两种方式覆盖Bootstrap。 您需要应用的CSS更改是：

/* unvisited link */
a:link {
    color: green;
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: yellow;
}