css - 用另一个类覆盖自定义 CSS

Question

我无法为此菜单的选项卡建立“开启”状态。由于 IE 6 的显示问题，我最终不再使用 UL 和 LI。我现在正在使用一张 table 。

表格在目标浏览器中运行良好，在 Opera 中存在翻转颜色错误，但其余的都很好。

问题是我需要为具有滚动样式的已加载选项卡设置“打开”状态。

到目前为止，我无法对个人进行任何更改 <TD> .

有问题的页面正在开发中 http://hiv411.dreamhosters.com/page.php

非常感谢您的任何建议!

表格代码如下:

<table border="0" cellspacing="0" cellpadding="0" class="tabs"> 
<tr> 
    <td class="tabs"><a href="page.php" class="tabs">First Link</a></td> 

    <td class="tabs"><a href="page.php" class="tabs">Another Link</a> </td> 

    <td class="tabOn"><a href="page.php" class="tabOn">A Third Link Which is Longer</a> 

</td> 
    </tr> 
</table>

CSS 是这样的:

.tabOn td {
    width:140px;
    height:29px;
   border: 1px solid #fff;
    background-image:none;
    background-color:#FFF;
    color:#000;
   font-size:9pt;
   font-weight:bold;
   text-align:center;
   white-space:nowrap;
}
.tabOn td a{
   color:#000;
   display: block;
   padding: 6px;
   padding-top:7px;
   height:17px;
   text-decoration: none;
   margin-top:1px;
   white-space:nowrap;
}

/* NORMAL STATE */

table.tabs {
   border-collapse: collapse;
}
table.tabs td {
    width:140px;
    height:29px;
   border: 1px solid #fff;
   background:url(/images/tabOverBG.jpg) repeat-x;
   background-position:bottom;
   font-size:9pt;
   font-weight:bold;
   text-align:center;
   white-space:nowrap;
}
table.tabs td a{
   display: block;
   padding: 6px;
   height:17px;
   text-decoration: none;
   margin-top:4px;
   white-space:nowrap;
}
table.tabs td a:link, table.tabs td a:visited {
   color: #fff;
}
table.tabs td a:hover, table.tabs td a:active, table.tabs td:hover {
   color: #000;
   background-color: #fff;
   background-image:none;
}

Answer 1

不应该.tabOn td是td.tabOn ？ 还有 .tabOn td a应该是 td.tabOn a

您现在拥有它的方式是 <tr class="tabOn">