应使用CSS的color属性设置表格文字颜色，而非无效的font-color；整表生效可设table的color，表头用th选择器，单列可用nth-child或类名；注意浏览器默认样式覆盖、优先级及深色模式影响。
table 里文字颜色用 color 而不是 font-color
HTML5 不再支持 <font> 标签，也没 font-color 这个 CSS 属性。想改表格里字的颜色，只能用标准 CSS 的 color 属性，作用对象是文本内容本身。
常见错误现象：font-color: red; 完全无效，浏览器直接忽略；或者只给 <table> 设了 color，但单元格里用了 <span> 或内联样式覆盖了它，结果颜色没变。
- 对整张表生效：给
<table>元素设color，它会自然继承到<td>、<th>里的文字（前提是这些单元格没另外指定color） - 只改表头：直接选
<th>，比如th { color: #2c3e50; } - 单独控制某列：用
td:nth-child(2)或加类名，比如<td class="status">配.status { color: #e74c3c; }
td 和 th 默认颜色可能被浏览器重置
不同浏览器对 <th> 有默认加粗 + 深色处理（比如 Chrome 给 th 设了 color: -internal-light-dark(black, white);），看着像“改不了”。其实不是不能改，而是你写的规则优先级不够，或者被用户代理样式盖掉了。
- 检查开发者工具里
th的color值是否被划掉——被划掉说明有更高优先级的样式在起作用 - 确保你的 CSS 文件加载在浏览器默认样式之后，或用更具体的选择器，比如
table th而不只是th - 不用
!important硬顶，优先靠选择器权重解决，比如table.my-table th
行内 style 改颜色最直接，但别滥用
临时调试或动态生成内容时，style="color: blue;" 确实最快。但它绕过 CSS 管理，容易导致维护混乱，尤其当表格数据来自 JS 渲染时，颜色逻辑散落在 HTML 字符串里。
立即学习“前端免费学习笔记（深入）”；
- 适合场景：后台导出静态报表、单页小工具里某几个特殊单元格标红
- 风险点：JS 拼接字符串时漏空格或引号，比如写成
style=color:red;→ 浏览器不解析，颜色不变 - 安全写法示例：
<td style="color: #d32f2f;">失败</td>（注意引号和分号）
color 影响的是文字，不是边框或背景
新手常混淆 color 和 background-color、border-color。设了 color: white; 却发现字还是黑的，大概率是因为单元格背景也是白的，或者字体被父级其他样式（如 filter: invert(1);）干扰了。
- 先确认文字是否真的被渲染出来：选中文字看能否高亮，排除透明、z-index 遮挡或字体加载失败
-
color只作用于文本节点和部分 SVG 文本元素，对<img>、<canvas>里的内容完全无效 - 深色模式下，如果用了系统色值如
color: CanvasText;，实际颜色由操作系统决定，不会固定为某个 RGB 值
color 值，比反复改 CSS 更省时间。 
