Fatal编程技术网
  • css/
  • Css 访问的链接有不需要的文本装饰

Css 访问的链接有不需要的文本装饰

css

Css 访问的链接有不需要的文本装饰,css,css-transitions,Css,Css Transitions,我有一个链接，当我把鼠标悬停在上面时，我希望它转换成另一种颜色。但是，当我单击它时，它应该会恢复正常，就像我将鼠标悬停在它上面之前一样 a { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-decoration: none; color: #ffffff; } a:hover { text-deco

我有一个链接，当我把鼠标悬停在上面时，我希望它转换成另一种颜色。但是，当我单击它时，它应该会恢复正常，就像我将鼠标悬停在它上面之前一样

a {
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
  text-decoration: none;
  color: #ffffff;
}

a:hover { 
  text-decoration: none;
  color: #66caff; 
}
当我悬停时，它工作正常，但在我访问链接后，我得到了不需要的下划线，它变为紫色。它看起来应该和我点击它之前一样

a:visited { 
  text-decoration: none;
  color: #ffffff; 
}
添加此选项可防止发生任何颜色转换，并且访问的链接仍在下划线中

锚（链接）上的伪类应按特定顺序声明。顺序是：链接、访问、悬停、活动

将
：已访问的
规则移动到
：悬停
一个之前，它将工作

片段：



a{
文字装饰：无；颜色：#0f0；
过渡：均为0.3秒；
}
a:访问{color:#0f0；}
a:悬停{color:#f00；}


|
代码看起来不错。我根据你的代码创建了一个


   HTML : 
   <a href="/">VISIT</a>



HTML：


CSS与您在问题中提到的相同。这对我来说很好。请说明您用于测试代码的操作系统和浏览器及其版本。这可能是特定于该特定版本或操作系统的问题