在​​懸停期間更改錨字體顏色？

Question

我想更改位於懸停上的表格單元格中的錨鏈接的文本顏色。不過，我在我的CSS文件中寫出的更改來實現這一目標似乎並不奏效。有人可能會建議我可能做錯了嗎？

這是我在我的CSS文件：

td:hover { 
    text-align: center; 
    background:white; 
    a:active { color:red; } 
} 

謝謝！

Answer 1

或者擬訂prdigitalson的sugggestion，如果你只是想在在TD錨這種行爲，你可以這樣說：

td:hover {text-align: center; background:white;} 
td:hover a:active {color:red; text-align: center;} 

此說，只有改變顏色和積極的錨定位你正在徘徊的細胞。通常，在懸停時更改文本對齊方式是個不錯的主意。

這裏是我的建議

td:hover {background-color:white;} 
td:hover a:active {color:red;} 

Answer 2

假設那些錯別字的arent你的CSS是錯位...應該是：

td:hover {text-align: center; background:white;} 

a:active {color:red; text-align: center;} /* or whatever text-align value youre after here */ 

但是要記住，非a元素不支持:hover僞元素在某些瀏覽器和版本。

Answer 3

的:hover不會在IE6支持工作只鏈接。然而，解決方法是使用whatever hover

大多數現代瀏覽器都支持 ：對任何HTML元素懸停選擇。 這很酷，因爲它使您能夠將 應用於僅使用 CSS的表格行的鼠標懸停效果 效果。然而，IE對於：懸停最多支持 ，具體取決於您的訪問者 正在使用的特定版本上的 。

不管：懸停是一個小的腳本，自動 補丁：懸停：活躍 和：重點IE6，IE7和IE8 怪癖，讓您使用他們喜歡你 會在任何其他瀏覽器。版本3 引入了ajax支持，這意味着通過javascript插入到 文檔中的任何html也將在IE中觸發：hover，：active和： 樣式。

Answer 4

table table td:hover { 
    background: #89A6A1; 
} 
table table td:hover * { 
    color: black !important; 
}