Изменение цвета шрифта привязки во время <td> зависания?

Question

Я хочу изменить цвет текста якорной ссылки, которая находится в ячейке таблицы при наведении. Однако изменение, которое я написал в моем файле CSS для выполнения этого, похоже, не работает. Может ли кто-нибудь предположить, что я могу делать неправильно?

Это то, что у меня есть в моем файле CSS:

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

Спасибо!

Answer 1

Или уточняя sugggestion prdigitalson, в, если вы хотите только что поведение на якорях в 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

Предполагая, что те Арент опечаток ваш 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, то есть любой html, который вставлен в документ через javascript, также будет trigger: hover,: active и: focus стилей в IE.

Answer 4

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