html - 使用 DIV 在 css 类中设置 :link, :hover, 等

Question

我正在使用以下 html 代码:

<div id="topMenu" class="spanningMenu">
        <table>
            <tr>
                <td width="6.25%"></td>
                <td width="12.5%"><a href="index.htm">Home</a></td>
                <td width="12.5%">|</td>
                <td width="12.5%"><a href="contact.htm">Contact Us</a></td>
                <td width="12.5%">|</td>
                <td width="12.5%"><a href="directions.htm">Directions</a></td>
                <td width="12.5%">|</td>
                <td width="12.5%"><a href="disclaimer.htm">Disclaimer</a></td>
                <td width="6.25%"></td>
            </tr>
        </table>
    </div>

我的 CSS 看起来像这样:

.spanningMenu a:link, .spanningMenu a:visited, .spanningMenu a:active {
    color: #000;
}

这是行不通的。上面的部分仍然从父容器继承它的字体颜色。我明白了

我已经尝试了几种不同的 spanningMenu a:link 变体，但似乎没有任何效果。 Google 没有像往常一样提供帮助。

谢谢!

Answer 1

试试这个:

.spanningMenu a:link, .spanningMenu a:visited, .spanningMenu a:active {
    color: #000 !important;
}

如果可行，那么您就有了 CSS 认为更重要的另一条规则。比如td a { color: something } ？你可以read in the spec关于复杂的规则优先顺序。