【问题标题】:Html Link Changes Color? No ExplinationHtml链接改变颜色?没有解释
【发布时间】:2013-01-03 22:39:27
【问题描述】:
<style>
a.a:link,a.a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#ff7100;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
</style>

<a class='a' href="">link</a>

由于某种原因,当color:#ff7100; 得到另一个# 时,单击链接时它变为橙色,然后将您发送到您链接到的页面,但如果额外的# 不存在,则它只是另一个正常链接..我觉得这很奇怪,因为在有人解释之前我从未见过这个?

【问题讨论】:

  • 为什么你的a 元素有一个名为a 的类?
  • 应该是&lt;style&gt; 而不是&lt;script&gt;
  • 他们有一个名为 a 的类,因为我有一个导航栏,我正在访问我的网站,每个 div 或任何需要 css 的东西都有自己的类,srry 脚本是一个错字跨度>
  • 什么时候被点击?所以你的意思是它是一个活动链接?有 4 个链接 CSS 属性, :link :active :hover :visited
  • 是的,当它处于活动状态时它会闪烁

标签: html css colors hyperlink hex


【解决方案1】:

那应该是 &lt;style&gt; 而不是 &lt;script&gt; 。 你不应该使用空的href 标签,通常是使用# 代替(空标签)。

这可能是因为当你点击一个 lick 时,它实际上处于 active 状态,所以你还必须为 a:active 定义 css

试试这个选择器:

a.a:link,a.a:visited,a.a:active,a.a:hover

【讨论】:

  • 我修正了拼写错误,并且我的实际页面上的链接不是空的,但这仍然让我很烦,因为如果链接有额外的 # 则在单击时会闪烁。
  • 在 www.jsfiddle.net 上创建一个重现该错误的示例。
  • 好的,这里是jsfiddle.net/VvRQX 我在谷歌浏览器下查看,它没有闪烁,它在 safari 上闪烁.. 我不知道为什么
  • 颜色后面多了一个“#”,去掉。
  • 是的,我知道这就是我的意思,额外的 # 链接在没有它的情况下闪烁,我想找出原因。
猜你喜欢
  • 2015-02-16
  • 1970-01-01
  • 2023-04-04
  • 2021-01-17
  • 2015-05-08
  • 1970-01-01
  • 2022-11-11
  • 2020-06-28
  • 2018-05-14
相关资源
最近更新 更多