导航一次链接文本颜色1颜色

Question

我有5个导航链接。我希望它们始终保持黑色文字颜色。当用户单击链接时，我希望它成为不同的颜色。当他们转到另一个链接时，我希望上一个链接再次变成黑色，但是当前的链接可以再次更改。基本上，4个链接总是是黑色的，但是当前的链接是不同的，但是我需要先前的链接才能更改为黑色。现在，在用户访问我的所有链接后，它们都将变成不同的颜色，直到删除cookie之前，再也不会看到黑色。一个示例就是https://www.apple.com。Apple的导航链接都是白色的，但是当您访问链接时，它会更改为灰色，然后当您转到另一个链接时，您的链接仅在更改为White，而您当前的链接为灰色。谢谢您的帮助。以下是我的html＆amp;CSS：

<nav>
<a href="index.html">Home</a> &nbsp;
<a href="about.html">About</a> &nbsp;
<a href="services.html">Services</a> &nbsp;
<a href="sales.html">For Sale</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
nav a { text-decoration: none; }
nav a:link { color: #000000; }
nav a:visited { color: #333333; }
nav a:hover { color: #333333; }

Answer 1

我乍看之下您正在寻找主动链接。也就是说，当前正在使用的链接将是不同的颜色。简单地将其添加到您的CSS中，并将其制成所需的任何颜色。

/* selected link */
nav a:active {
    color: blue;
}

但是，在点击链接时，它的作用只会更改链接。为了做需要的事情，您需要更复杂。这已在这里介绍。

本质上，您必须在CSS中设置一个活动类，可以从当前页面中调用HTML。

.navigation a.active {
      color: #333;
}

和您的html：

<div class="navigation" id="navigation">
    <a href="#" class="active">Page1</a>
    <a href="#">Page2</a>
    <a href="#">Page3</a>
    <a href="#">Page4</a>
    <a href="#">Page5</a>
 </div>

Answer 2

更改a：访问的属性为： {color: #000000}。