单击后更改链接的颜色

Question

我有以下html：

<ul>
    <li><a href="default.asp" id="active" >Home</a></li>
    <li><a href="news.asp">News</a></li>
    <li><a href="contact.asp">Contact</a></li>
    <li><a href="about.asp">About</a></li>
</ul> 

默认情况下，我将“Home”名称颜色设置为活动状态。

如何动态更改其他链接的颜色？

Answer 1

将类名添加到其他链接并使用类似

的内容

HTML

<a class="className">News</a>
<a class="className">Contact</a>
<a class="className">About</a>

CSS

.className{
   color: #FFF;
}

Answer 2

添加一个类以确定active。

查看此处：http://jsfiddle.net/SinisterSystems/ud6RV/1/

这里的想法是您要修改特定链接。那么为什么不给它一个类名？这将让您对页面上的一个特定元素执行各种强大的操作。

<强> HTML：

<ul>
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
    <li><a href="#">Home</a></li>
</ul>

<强> CSS：

a, a:visited, a:active, a:hover {
    color:#00F;
}

li.active a {
    color:#0F0;
}

查看此处：http://jsfiddle.net/SinisterSystems/ud6RV/1/

Answer 3

你的意思是LIKE THIS DEMO

$(document).ready(function() {
    $(".nav li").click(function() {
        $(this).addClass("active");
        $(this).siblings().removeClass("active");
    });
});

使用jQuery兄弟

Answer 4

我希望您要求更改已访问链接的颜色。将以下css添加到您的css代码中。

ul a:visited{ 

   background-color:yellow;
}