怎么改HTML里某一个<a href=“#”>点击之前的颜色??
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么改HTML里某一个<a href=“#”>点击之前的颜色??相关的知识,希望对你有一定的参考价值。
我知道可以这样改,但这是全局的
<style>
a:link
</style>
能不能改这一部分的??
<div class="yi">
<a href=“#”>颜色</a>
</div>
参考代码:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*没被访问过之前*/
a:link
color: blue;
/*默认*/
a
color: red;
/*鼠标掠过*/
a:hover
color: green;
/*访问过后*/
/*一般不设置visited*/
/*a:visited*/
/*color: black;*/
/**/
</style>
</head>
<body>
<a href="#">颜色</a>
</body>
</html>
效果:
一开始是蓝色的,因为link是没有被点击之前的颜色,他会覆盖默认颜色。
鼠标移上去是绿色
点击访问之后是红色。
如果你把visited加上去你会发现点完之后是visited所设置的颜色而不是默认颜色,visited也就是访问过之后的颜色。
参考技术A 修改class=“yi”下的a标签样式:.yi a:link
ps:
.yi a:link // 未访问的链接
.yi a:visited // 已访问的链接
.yi a:hover // 当有鼠标悬停在链接上
.yi a:active // 被选择的链接本回答被提问者和网友采纳 参考技术B 你可以在a:link...前面加上限定,比如 .yi a:link
以上是关于怎么改HTML里某一个<a href=“#”>点击之前的颜色??的主要内容,如果未能解决你的问题,请参考以下文章