Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 单击超链接后如何更改超链接的颜色_Html_Css - Fatal编程技术网

Html 单击超链接后如何更改超链接的颜色

Html 单击超链接后如何更改超链接的颜色,html,css,Html,Css,我想在单击超链接后更改其颜色,但其余超链接的颜色也会更改 CSS HTML 已访问的:伪类在浏览器的历史记录中起作用。事实上,所有三个链接都是用黑色绘制的,这意味着你的浏览器过去曾访问过它们。如果要清除历史记录或更改链接的URL,您会发现它们没有被归类为“已访问” A可能会在您的浏览器中显示为已访问,但A可能会显示不同的颜色(除非您是塔利班成员)。单击未访问的链接将其颜色更改为已访问的颜色(如StackOverflow的样式表中所定义),并且只要页面存在于浏览器的历史记录中,就会保持“已访问”。

我想在单击超链接后更改其颜色,但其余超链接的颜色也会更改

CSS HTML
已访问的
:伪类在浏览器的历史记录中起作用。事实上,所有三个链接都是用黑色绘制的,这意味着你的浏览器过去曾访问过它们。如果要清除历史记录或更改链接的URL,您会发现它们没有被归类为“已访问”


A可能会在您的浏览器中显示为已访问,但A可能会显示不同的颜色(除非您是塔利班成员)。单击未访问的链接将其颜色更改为已访问的颜色(如StackOverflow的样式表中所定义),并且只要页面存在于浏览器的历史记录中,就会保持“已访问”。

好,现在您知道
:已访问的
可以从浏览器历史记录中工作,我想你只想改变点击链接的颜色。 我把一些jQuery放在一起

$('a').click(function(){
      $(this).addClass("visited");
});
和CSS

a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}
更新:

  ....
  ....
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>// import jQuery
  <script>
  enter the script here..
  </script>
  </body>
。。。。
....
//导入jQuery
在此处输入脚本。。

以下是

您的网站是静态的吗?你想突出显示当前页面还是什么?预期的行为是什么?因为你所描述的是完全正常的,我只想在点击超链接后改变它的颜色。它工作正常,我试过了IE6@BhushanKawadkar我正在使用firefox,但它不起作用。我尝试了你所说的,但当我点击链接时,其他链接颜色也改变了。。。这就是问题所在。您确定所有三个链接都有三个不同的
href
属性吗?是的,我正在使用diff href来表示diff链接。并且所有三个链接都不在您的浏览器历史记录中吗?如果您将链接更改为link1-changed.html、link2-changed.html、link3-changed.html,结果会是什么?谢谢,它现在工作正常。因此,我需要在哪里包含jquery…在关闭
主体
标记之前,请参阅update@KvkGanesh同样的问题也在这里。但是有子菜单。单击子菜单时,它将保持白色,但我需要它的主菜单选项也保持白色。@Kvk Ganesh同样的问题在这里。但是有子菜单。单击子菜单时,它将保持白色,但我需要它的主菜单选项也应保持白色。
a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}
  ....
  ....
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>// import jQuery
  <script>
  enter the script here..
  </script>
  </body>