js设置某一个div下面的超链接样式

Question

比如说我有一个<div id='a'>文字介绍<a>链接</a></div>
现在实现了通过js设置这个div区域中的文字的颜色
$$("htmlContent").color=mycolor;
可是超链接的颜色却没有变，现在想通过js（相同的方法）设置这里的链接的文字的样色，应该怎么写？

Answer 1

首先知道超链接样式有4个属性：
a:link 定义正常链接的样式；
a:visited 定义已访问过链接的样式；
a:hover 定义鼠标悬浮在链接上时的样式；
a:active 定义鼠标点击链接时的样式。

一般鼠标经过直接使用a:hover设定，
需要通过js来控制的一般是在点击后给超链接添加一个当前样式。
那么可以通过js或者jq给a标签添加一个当前class类，针对类写个当前样式即可。
举例【使用jq添加当前样式类】：
<div class="nav">
<ul class="menu" id="Jmenu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

</div>

jq:
$("#Jmenu li a").click(function(){
$("#Jmenu li a").removeClass("Curcss");//清除a上的curcss类
$(this).addClass("Curcss");//针对当前点击的a添加类

});

Css:
.Curcss{ background:#ccc; font-size:16px;....}//当前样式

Answer 2

在一般的网页里面,超连接字体的颜色是它自己独有的.他其中包括的显示连接的颜色,当鼠标放上去的颜色,点击时的颜色,点击之后的颜色.超连接显示的颜色都不一样.
如果你想超连接的颜色和其它文字颜色一样的话.那么可以设置一个文字颜色,然后再设置超连接的颜色,设置成同一种颜色就行.
a:link，定义正常链接的样式；
a:visited，定义已访问过链接的样式；
a:hover，定义鼠标悬浮在链接上时的样式；
a:active，定义鼠标点击链接时的样式。

然后你用js添加一个样式就行.....
$("#htmlContent").addClass();本回答被提问者采纳