設置一個：鏈接，：懸停等在CSS類與DIV

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。

Answer 2

嘗試增加的風格結束重要的，所以它看起來像這樣：

.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; 
}