CSS - 链接悬停不起作用

有谁知道如何让CSS链接悬停属性适用于不链接到另一个html页面或锚点的链接？CSS - 链接悬停不起作用

例如这个工程：

<a href="page1.html">Page1</a> 
<a href="#page9">Link</a> 

a:hover,a:visited:hover{ 
color:#fff; 
text-decoration:none; 
} 
a:link,a:visited{ 
color:#555; 
text-decoration:none; 
}

但我更改链接的东西的那一刻，这不是锚或HTML文件，比方说一个mailto：

<a href='mailto:[email protected]'>Send email</a>

它不再改变当我悬停在链接上时颜色。这是为什么？

来源

2012-11-19 Windbrand

你正在压倒自己的风格。尝试

<style type="text/css"> 
     a:link, a:visited 
     { 
      color: #555; 
      text-decoration: none; 
     } 
     a:hover, a:visited:hover 
     { 
      color: #fff; 
      text-decoration: none; 
     } 
    </style>

来源

2012-11-19 03:21:14 MikeSmithDev

你并不需要做：链接，只是一个定义你的锚标记风格时，会做得很好，但是，如果由于某种原因，你确实需要它，那么你需要确定你的悬停风格比较特别是比你的链接风格。

a:link:hover,a:visited:hover{ 
color:#fff; 
text-decoration:none; 
} 
a:link,a:visited{ 
color:#555; 
text-decoration:none; 
}

或

a:hover,a:visited:hover{ 
color:#fff; 
text-decoration:none; 
} 
a,a:visited{ 
color:#555; 
text-decoration:none; 
}

将解决您的问题

来源

2012-11-19 03:21:23 m4nw17h4pl4n

CSS - 链接悬停不起作用

回答

相关问题