CSS文本 - 阴影导航问题

我正在尝试使用CSS3文本阴影制作导航和正常使用链接的伪链接类。CSS文本 - 阴影导航问题

问题是，状态“a：悬停”是否推翻“a：visited”，所以当在先前访问过的链接上执行鼠标悬停时，它会输出不同的结果。

如果在CSS中不存在a：访问状态，访问过的链接的颜色将变成标准的紫色，我不喜欢它。

看一看网站：www.sayhi.dk

的代码看起来是这样的：

HTML

<a class="lnk" href="http://www.twitter.com/sayhidk">@Sayhi.dk</a>

CSS

a.lnk:link { 
font-size: 12px; 
font-weight: bold; 
font-family: Myriad Pro; 
text-shadow:1px 1px #ffffff; 
color:#7c7565; 
text-decoration:none; 
} 

a.lnk:hover { 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Myriad Pro; 
    text-shadow: 1px 1px #7c7565; 
    color:#ffffff; 
} 

a.lnk:visited { 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Myriad Pro; 
    text-shadow:#ffffff 1px 1px 1px; 
    color:#7c7565; 
    text-decoration:none; 
} 

a.lnk:active { 
    font-size: 12px; 
    font-weight: bold; 
    font-family: Myriad Pro; 
    text-shadow:1px 1px #ffffff; 
    color:#7c7565; 
    text-decoration:none; 
}

希望你们能帮助我。

来源

2010-10-20 Casper Jensen