怎么改HTML里某一个<a href=“#”>点击之前的颜色??

我知道可以这样改,但这是全局的<style>a:link{}</style>能不能改这一部分的??<divclass="yi"><ahref=“#”>颜色</a></di... 我知道可以这样改,但这是全局的
<style>
a:link{
}
</style>
能不能改这一部分的??
<div class="yi">
<a href=“#”>颜色</a>
</div>
展开
 我来答
桃子的幸福on
2018-08-10 · 知道合伙人互联网行家
桃子的幸福on
知道合伙人互联网行家
采纳数:1044 获赞数:2229
在校计算机专业学生

向TA提问 私信TA
展开全部

参考代码:

<!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也就是访问过之后的颜色。

从尾和4
2018-08-10 · 超过49用户采纳过TA的回答
知道小有建树答主
回答量:76
采纳率:65%
帮助的人:34.5万
展开全部
修改class=“yi”下的a标签样式:
.yi a:link{
}
ps:
.yi a:link {} // 未访问的链接
.yi a:visited {} // 已访问的链接
.yi a:hover {} // 当有鼠标悬停在链接上
.yi a:active {} // 被选择的链接
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
塞梦桐Rt
2018-08-10 · TA获得超过998个赞
知道小有建树答主
回答量:721
采纳率:56%
帮助的人:159万
展开全部
你可以在a:link{...}前面加上限定,比如 .yi a:link
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式