使用CSS更改当前页面的链接颜色

Question

一种样式链接到当前页面与其他页面有何不同？我想交换文字和背景的颜色。

HTML：

<ul id="navigation">
    <li class="a"><a href="/">Home</a></li>
    <li class="b"><a href="theatre.php">Theatre</a></li>
    <li class="c"><a href="programming.php">Programming</a></li> 
</ul>

CSS：

li a{
    color:#A60500;
}

li a:hover{
    color:#640200;
    background-color:#000000;
}

Answer 1

a:active：当您单击并按住链接时（ 活动！ ）。
a:visited：当链接已被访问时。

如果您要突出显示与当前页面相对应的链接，则可以为该链接定义一些特定的样式-

.currentLink {
   color: #640200;
   background-color: #000000;
}

将此新类仅添加到li服务器端或客户端（使用JavaScript）上的相应链接（链接）。