column-rule-style对table无效，因其专用于多列布局（columns/column-count），作用于块级容器内自动分列的文本流，不适用于表格结构；表格列间线需通过border-collapse与border配合实现。
column-rule-style 不能用于 HTML 表格的列间分割线。
为什么 column-rule-style 对 <table> 无效
这个 CSS 属性专属于多列布局（columns 或 column-count），作用对象是块级容器内被自动分列的文本流，不是表格的 <col>、<td> 或 <th> 元素。浏览器会忽略对 <table> 或其子元素设置的 column-rule-style。
真正能控制表格列间线的 CSS 方式
表格列间线本质是相邻单元格边框的叠加或合并效果，需通过 border-collapse 和 border 配合实现：
- 设
table { border-collapse: separate; }（默认值），再给td, th设置左右边框，比如border-left: 2px dashed #999;—— 此时“列间线”由右侧单元格的左边界 + 左侧单元格的右边界共同构成，可能重复显示 - 更常用的是
table { border-collapse: collapse; }，此时相邻单元格共用边框；只需给td, th设置border-right（或统一用border），就能得到连续、可控的列间线 - 若想只在列之间画线、不在最左/最右加线，可用
td:not(:first-child), th:not(:first-child) { border-left: 1px solid #ccc; }
容易踩的坑
常见错误包括：
立即学习“前端免费学习笔记（深入）”；
- 误以为
<col>元素支持border—— 实际上它不渲染，也不继承边框样式，<col>上设border无效 - 在
border-collapse: collapse下混用不同粗细/样式的border-left和border-right，导致实际渲染以优先级更高的一方为准（通常是后声明或更具体的规则） - 用
outline或box-shadow模拟列线 —— 它们不占据布局空间，易与内容重叠，且无法精确对齐列边界
表格列分割线不是独立的“列规则”，而是边框协同的结果；盯住 border-collapse 的取值和单元格边框的方向、宽度、样式，比找替代属性更直接可靠。
