表格中链接hover失效是因为CSS伪类顺序错误（必须link→visited→hover→active），且未显式声明a:link/a:visited，导致hover被忽略；应使用上下文选择器如table.data-table a:hover并确保顺序正确。
直接在表格单元格（<td> 或 <code><th>）里的 <code><a></a> 标签上加 style="color: ..." 最快，但只改默认状态；要控制悬停、已访问等效果，必须用 CSS 伪类，且不能只写 a { color: ... } —— 否则 a:visited 和 a:hover 很可能不生效。
为什么表格里 <a></a> 的颜色改了但 hover 不变？
表格本身不影响链接样式，问题出在 CSS 层叠和伪类顺序。浏览器对 a:visited 有安全限制，且 a:hover 必须写在 a:visited 之后才能覆盖它；如果只写了 a { color: red; }，那 a:hover 就会被忽略。
-
a:link和a:visited必须显式声明，不能靠a通配——否则已访问链接仍显示紫色 - 顺序必须是
a:link → a:visited → a:hover → a:active，错一个位置，hover 就可能失效 - 如果表格单元格（
<td>）本身设置了 <code>color，会继承给内部文字，但<a></a>有自己默认的color，优先级更高；不过加了!important或父级用了color: inherit就容易冲突在
<table> 内单独改某列链接颜色 <p>别用内联 style 挨个改，用 class 更可控。比如想让第三列所有链接变橙色：</p> <pre class='brush:php;toolbar:false;'><style> td:nth-child(3) a { color: #f39c12; } td:nth-child(3) a:hover { color: #e67e22; } </style></pre> <ul> <li> <code>td:nth-child(3)精准定位第 3 列，比给每个<a></a>加 class 更省事 - 这种写法不会影响其他列，也不干扰全局
a:visited规则 - 注意：如果该列里有已访问链接，得额外加
td:nth-child(3) a:visited { color: #d35400; }才能统一视觉
外部 CSS 中如何安全定义表格链接样式
避免直接写 a { color: ... }，尤其当页面含非表格链接时。推荐用上下文选择器限定范围：
立即学习“前端免费学习笔记（深入）”；
<style>
table.data-table a:link { color: #007bff; }
table.data-table a:visited { color: #6c757d; }
table.data-table a:hover { color: #0056b3; }
table.data-table a:active { color: #004085; }
</style>
- 给
<table> 加 <code>class="data-table"，样式就只作用于这个表格内的链接 - 这样改完不会波及其他导航栏、页脚里的
<a></a> - 十六进制值比英文名更可靠，比如
blue在某些旧浏览器里可能渲染成浅蓝，而#007bff是确定的 Bootstrap 蓝
最容易被忽略的是：哪怕只改一个表格链接的颜色，也别依赖内联 style 去覆盖 hover 效果——它做不到。真要动态响应，就得走 CSS 伪类路径，而且顺序、选择器精度、是否加了 !important 这三点，任何一个出错都会让颜色“看起来没变”。
