text-emphasis-color 在表格中无效，因它需与 text-emphasis-style 配合且仅适用于支持强调标记的cjk排版环境；表格重点文字应直接用 color、font-weight 或 background-color 实现。
text-emphasis-color 不能用于 HTML 表格中的普通文字强调——它压根不会生效，除非同时设置了 text-emphasis-style，且该属性仅对**支持强调标记的文本渲染环境**起作用（比如日文/中文排版中带圆点、圆圈等标记的文字），不是通用的“加粗高亮”工具。
为什么在表格里用 text-emphasis-color 没反应
浏览器默认不给 td 或 th 渲染强调标记，哪怕你写了：
td.important { text-emphasis-style: dot; text-emphasis-color: red; }
仍可能看不到红点——因为：
- 多数桌面浏览器（Chrome/Firefox）对
text-emphasis系列属性支持有限，仅 Safari 在特定语言环境下较稳定 -
text-emphasis依赖 Unicode 字符宽度与基线对齐逻辑，表格单元格常含空格、数字、英文，触发率极低 - 即使渲染出来，强调标记是“浮在文字上方的小符号”，不是改变文字本身颜色，和你想“突出某格数据”的目标不匹配
真正有效的表格重点文字着色方式
要让某几个单元格的文字“看起来重点”，直接用 color + 可选 font-weight / background-color：
- 单个单元格：
<td style="color: #d32f2f; font-weight: 600;">错误值</td> - 某列统一处理：
td:nth-child(3) { color: #1976d2; } - 语义化标记（推荐）：
<td class="status-error">404</td>配 CSS.status-error { color: #c62828; background-color: #ffebee; } - 避免用
font-color—— 它不是合法 CSS 属性，浏览器直接忽略
如果非要用 text-emphasis 系列（极少数场景）
仅当你的表格内容全是 CJK 文字（如“张三”“東京”），且设计稿明确要求带红色实心圆点强调时，才考虑：
- 必须成对设置：
text-emphasis-style（如circle、dot）和text-emphasis-color - 加
text-emphasis-position: over right控制标记位置（否则可能偏移或重叠） - Safari 是目前最可靠的支持者；Chrome 需开启实验性 flag（
chrome://flags/#enable-experimental-web-platform-features），Firefox 基本不渲染 - 别指望它在
th上工作——浏览器 UA 样式常给th加font-weight: bold，会干扰强调标记定位
实际项目里，99% 的“表格重点文字”需求，靠 color + background-color + 类名控制就够了。text-emphasis-color 是个冷门排版属性，不是表格着色的替代方案，强行套用只会浪费调试时间。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
