2012-09-17 95 views
1

对于我的导航,我为3个链接设置了一个类:link和:hover。在Firefox(3.6.28)中,只有第一个链接会提取我设置的规格(如:链接),但在Safari(4.1.3)中,它们都显示正常。不过,这两个浏览器中的hover类规格都会显示正常。A.CLASS:LINK只适用于Firefox中的第一个元素

看起来像最简单的问题,但我不知道为什么这是这样的。它们嵌套在一张桌子里,我将它们隔离在桌子外面,但仍然没有区别。我在Stack和Google上搜索了答案,但找不到任何相关的东西。

A.ANAV:LINK {color:#ac1700; font-family:Tahoma,Geneva,sans-serif; font-size:20px; letter-spacing:; font-weight:bold; text-shadow: 1px 1px 2px #006924; text-decoration:none;} 
A.ANAV:HOVER {color:#ac1700; font-family:Tahoma,Geneva,sans-serif; font-size:20px; letter-spacing:; font-weight:bold; text-shadow: 1px 1px 2px #000000; text-decoration:none;} 

<a href="index.php" class="ANAV">HOME</a> 
<a href="services.php" class="ANAV">SERVICES</a> 
<a href="photos.php" class="ANAV">PHOTOS</a> 

下面是引用网站 - 回答自己的问题,并张贴:)

它可能不是一个可怕的想法,那么你覆盖像做a, a:link {color:red}The Weed Guys

+0

堆栈不会让我正式回答我的问题... –

+0

我只是碰到了谁指出,这是一个朋友** **可能在Firefox中的一个错误,因为这是一个非常老的版本,但我选择了“ :链接“类后缀,它工作正常。 (也添加了一个重复的“:visited”类,工作正常。) –

回答

0

:link只匹配未访问的链接。你在Firefox中访问过services.php和photos.php吗?

如果你想匹配所有的链接,你要的风格:visited为好。

相关问题