在带有DIV的css类中设置：link，a：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变体，似乎没有任何工作。谷歌通常不会喜欢它。

谢谢！

Answer 1

试试这个：

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

如果可以，你有另一个CSS认为更重要的规则。可能像td a { color: something }一样？您可以read in the spec了解复杂的规则优先顺序。

Answer 2

尝试在样式的末尾添加！important，所以它看起来像这样：

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

Answer 3

我猜，它很简单。

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