设置一个：链接，：悬停等在CSS类与DIV

我用下面的HTML代码：设置一个：链接，：悬停等在CSS类与DIV

<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没有像平时那样提供帮助。

谢谢！

来源

2011-03-16 JoshuaD

那么，你必须在样式表中的'#topMenu a'指定一些东西。 – BoltClock 2011-03-16 18:11:57

上面的代码在jsfiddle中工作。你可能在其他地方覆盖你的风格。 – yojimbo87 2011-03-16 18:19:43

试试这个：

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

如果这样的作品，你有一个CSS认为更重要的是另一个规则。喜欢也许td a { color: something }？关于复杂的规则优先顺序您可以read in the spec。

来源

2011-03-16 18:17:01 Plutor

尝试增加的风格结束重要的，所以它看起来像这样：

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

来源

2011-03-16 18:17:15 Josh

我想，它很简单。

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

来源

2011-03-16 18:22:49

设置一个：链接，：悬停等在CSS类与DIV

回答

相关问题