Question

我想更改悬停在表格单元格中的锚链接的文本颜色。但是，我在CSS文件中为完成此操作而编写的更改似乎不起作用。有人会建议我做错了什么吗？

这就是我在CSS文件中的内容：

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

谢谢！

Answer 1

或者详细说明prdigitals的建议，如果你只想在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

:hover在IE6中不起作用，IE6仅支持链接 。但是，解决方法是使用whatever hover

大多数现代浏览器支持   ：任何html元素的悬停选择器。   这很酷，因为它可以让你   例如，应用鼠标悬停   仅使用对表行的效果   CSS。然而，IE有一个不稳定的   支持：最好悬停，取决于   在特定版本上您的访问者   正在使用。

无论如何：悬停是一个小脚本   自动补丁：悬停，：活跃   并且：专注于IE6，IE7和IE8   怪癖，让你像你一样使用它们   会在任何其他浏览器中。版本3   介绍ajax支持，意思是   任何插入到的HTML   通过javascript的文件也将   trigger：hover，：active和：focus   IE中的风格。

Answer 3

假设这些不是拼写错误，那么你的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 4

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

悬停期间更改锚字体颜色？

4 个答案: