看起来你们是对的。更改订单已解决此问题。似乎很容易解决。感谢您的所有评论/帮助。
我的链接和CSS遇到了一些问题。以下是我的网站代码。我的问题是我有5个链接都使用同一类。它们都可以正确显示，并且链接可以正常工作，但是悬停和活动状态不会在第一时间改变。最后三个工作原理。为什么是这样？到底是怎么回事？我已全部删除并重新输入。我尝试了不同的浏览器。删除缓存。没有。
HTML代码：
<tr bgcolor="#FFFFFF">
<td rowspan="2">
<img src="images/layout/header-menu/menu_02.gif" width="57" height="51" alt=""></td>
<td align="center" height="29"><a href="index.php" class="menu">Home</a></td>
<td rowspan="2">
<img src="images/layout/header-menu/menu_04.gif" width="41" height="51" alt=""></td>
<td align="center" height="29"><a href="about.php" class="menu">About</a></td>
<td rowspan="2">
<img src="images/layout/header-menu/menu_06.gif" width="36" height="51" alt=""></td>
<td align="center" height="29"><a href="products.php" class="menu">Products</a></td>
<td rowspan="2">
<img src="images/layout/header-menu/menu_08.gif" width="36" height="51" alt=""></td>
<td align="center" height="29"><a href="recipes.php" class="menu">Recipes</a></td>
<td rowspan="2">
<img src="images/layout/header-menu/menu_10.gif" width="36" height="51" alt=""></td>
<td align="center" height="29"><a href="contact.php" class="menu">Contact</a></td>
<td rowspan="2">
<img src="images/layout/header-menu/menu_12.gif" width="58" height="51" alt=""></td>
CSS代码：
a.menu:link {
color: #94AA45;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:hover {
color: #713010;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:active {
color: #F9A22E;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:visited {
color: #94AA45;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
最佳答案
按以下顺序放置链接CSS：
一种
答：已访问
悬停
a：活跃
对于您的示例，此CSS应能按预期工作：
a.menu:link {
color: #94AA45;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:visited {
color: #94AA45;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:hover {
color: #713010;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}
a.menu:active {
color: #F9A22E;
text-decoration: none;
font-family: TektonPro-BoldExt-FF, TektonPro-BoldExt, Geneva, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;}