Question

每当我点击此导航项并单击其他位置，或者我选择的页面打开导航项背景颜色会更改为此白色。我到处搜索并尝试了很多技巧。什么都行不通。

这是一个显示清晰示例的gif。

网站在本地服务器上设置。因此，我无法提供任何链接

我使用bootstrap。

但是，divs＆amp;用于此导航栏的类是：

<div class="header-column">
    <div class="header-row">
        <div class="header-nav">
        <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse">
        <ul class="nav nav-pills" id="mainNav">

提前致谢=）

Answer 1

a：link - 正常的，未访问的链接
a：已访问 - 用户访问过的链接
a：悬停 - 当用户将鼠标悬停在其上时的链接
a：活动 - 点击时的链接

例如：

<!DOCTYPE html>
<html>
<head>
<style>
/* unvisited link */
a:link {
    color: red;
}

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

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

/* selected link */
a:active {
    color: blue;
}
</style>
</head>
<body>

<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.</p>
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective.</p>

</body>
</html>

Answer 2

你可以测试一下。

.nav-pills > li {
    background-color:transparent !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a:active {
    background-color:#2e353e;
}

更改导航项的颜色（下拉菜单 - 单击）

2 个答案: