首页 文章

HTML href - 悬停不系统[重复]

提问于
浏览 次
-1

这个问题在这里已有答案：

我用html href属性观察到一个奇怪的行为：

尽管为此定义了CSS选择器，但是当光标悬停时，我的一些链接会被注释为彩色 .

当我插入http链接时，左下角的我的浏览器预览（Mozilla Firefox）每次都在https中 .

我知道它看起来很奇怪而且是一个非常基本的问题，但我从未注意到这样的行为 . 我错过了什么？

这是一个演示

dt{font-family:'Muli',sans-serif;font-size:14px;}
A:link {color: #1c1c1c;text-decoration:none;}
A:hover {color: #3d62e7;}
A:visited {color: #1c1c1c;text-decoration:none;}

<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Muli">

<DT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A target="_blank" HREF="http://www.discogs.com/fr/Eric-B-Rakim-Let-The-Rhythm-Hit-Em/master/13184">01 - Blue when hover, no problem</A>
<DT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A target="_blank" HREF="http://www.discogs.com/fr/Eric-B-Rakim-Dont-Sweat-The-Technique/master/13419">02 - No specific color when hover</A>
<DT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A target="_blank" HREF="http://www.discogs.com/fr/A-Tribe-Called-Quest-Midnight-Marauders/master/45947">03 - No specific color when hover</A>
<DT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A target="_blank" HREF="http://www.discogs.com/fr/A-Tribe-Called-Quest-We-Got-It-From-Here-Thank-You-4-Your-Service/master/1092073">04 - Blue when hover, no problem</A>
html hover href

1 回答

  • 2

    查看您访问过的链接的样式：

    A:visited {color: #1c1c1c;text-decoration:none;}

    我愿意打赌那些你没有看到变色的是你已经访问过的链接 .

    我可以确认这种行为（在Chrome中） . 一旦我访问了您示例中的某个链接，它就不再对 hover 样式做出反应 .

    您声明规则的顺序很重要 . 您可以通过更改规则的顺序并在 :visited 之后放置 :hover 来使 :hover 状态优先：

    A:link {color: #1c1c1c;text-decoration:none;}
A:visited {color: #1c1c1c;text-decoration:none;}
A:hover {color: #3d62e7;}
    回复于

相关问题