Question

我有一张桌子，有一栏

<table>
   <tr>
     <td width="30"  class="top-nav"><a href="#">Home</a></td>
     <td width="30" class="top-nav"><a href="#">About</a></td>
     <td width="30" class="top-nav"><a href="#">Contact</a></td>
   </tr>
</table>

我想CSS列的鼠标悬停效果，所以我做了以下：

.top-nav a{
   display: block;
   padding: 3px;
   text-decoration: none;

}

.top-nav a:link, .top-nav a:visited{
   color: #000000;
   background-color: #1d5987;

}
.top-nav a:hover, .top-nav a:active{
   color: #ffffff;
   background-color: #666666;

}

但我的CSS对表格单元格的a:link ,a:visited, a:hover, a:active背景和字体颜色变化没有任何影响，为什么？

Answer 1

如果您删除此处的额外,

，则此功能正常

.top-nav a:visited,

和

.top-nav a:active,

参见示例：http://jsfiddle.net/jasongennaro/ZSbdH/

为什么我的css不能生效：链接，a：访问，a：悬停，a：活动？

1 个答案: