1

对于我的导航，我为 3 个链接设置了一个类：链接和悬停。在 Firefox (3.6.28) 中，只有第一个链接会选择我设置的规范（如 :link），但在 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

4

2 回答 2

0

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

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

于 2012-09-17T03:10:53.397 回答
0

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

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

于 2012-09-21T05:41:07.290 回答