小编典典

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

javascript

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

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;
}

阅读 623

收藏
2020-04-25

共1个答案

小编典典

a:active:当您单击并按住链接时( 活动! )。
a:visited:当链接已被访问时。

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

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

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

2020-04-25