当表格单元格全局设置 border-style: hidden 后，即使对特定单元格使用 border-right: 1px solid black !important，右侧边框仍不显示——这是因为 hidden 是 CSS 边框的特殊关键字，具有最高优先级且不可被单侧边框声明覆盖。
当表格单元格全局设置 border-style: hidden 后，即使对特定单元格使用 border-right: 1px solid black !important，右侧边框仍不显示——这是因为 hidden 是 css 边框的特殊关键字，具有最高优先级且不可被单侧边框声明覆盖。
在 CSS 规范中，border-style: hidden 不仅等效于 border: none，更关键的是：它会强制抑制所有边框渲染，且优先级高于任何单边声明（如 border-right）或 !important 覆盖。这意味着，即使你为 .tl_date 单元格显式设置了 border-right: 1px solid black !important，只要其父级继承或自身存在 border-style: hidden，该边框依然不会绘制。
根本原因在于 border-style 是一个简写属性，它同时控制四条边的样式。当 #timeline td 设置了 border-style: hidden，它已将所有边（包括右边界）置为“隐藏状态”，而后续的 border-right 声明无法“唤醒”已被 hidden 抑制的边框渲染逻辑。
✅ 正确做法是：显式重置 border-style 为非-hidden 值（如 solid），再定义具体边框：
#timeline td.tl_date {
padding-right: 10px;
border-style: solid; /* 关键：解除 hidden 抑制 */
border-right: 1px solid black;
}
⚠️ 注意事项：
- 不要依赖
border-right-style: solid !important单独覆盖hidden—— 它无效； - 若需保留其他边无边框，可分别设为
transparent或none，例如：#timeline td.tl_date { border-style: solid; border-top: none; border-bottom: none; border-left: none; border-right: 1px solid black; } - 在
border-collapse: collapse表格中，边框冲突由 CSS 表格边框冲突解决算法 决定，hidden永远胜出（权重最高），因此避免在表格单元格上直接使用hidden，除非你确实需要完全禁用所有边框。
总结：border-style: hidden 是 CSS 边框中的“硬禁用”指令，不可被局部边框声明绕过。修复的核心是先用 border-style: solid（或其他有效值）解除全局隐藏状态，再精确控制单边样式。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
