Question

对于我的导航，我为3个链接设置了一个类：link，和：hover。在Firefox（3.6.28）中，只有第一个链接会选择我设置的规格（如：链接），但在Safari（4.1.3）中它们都显示正常。但是，：hover类规范在两种浏览器中都会显示正常。

似乎是最简单的问题，但我不知道为什么会这样。它们嵌套在一个表中，我将它们隔离在表外，但仍然没有区别。我在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>

以下是可供参考的网站 - The Weed Guys

Answer 1

+1用于回答您自己的问题并将其发布：）

做a, a:link {color:red}这样的事情可能不是一个糟糕的主意，那么你就可以覆盖所有的基础。

Answer 2

:link仅匹配未访问的链接。您是否访问过Firefox中的services.php和photos.php？

如果您想匹配所有链接，您还必须设置:visited样式。

A.CLASS：LINK仅适用于Firefox中的第一个元素

2 个答案: