怎么改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=“#”>点击之前的颜色??的主要内容,如果未能解决你的问题,请参考以下文章

iview表格里某一列的单选怎么实现

开放封闭原则:不改代码怎么写新功能?

ENVI怎么提取图像里某一个点的Spectral Library

tomcat改jar

HTML5这个怎么改

html超链接怎么传参数?