为何表格内联colspan可用，但CSS的column-span属性无效？

我针对这个看似基础的问题搜索许久但未找到答案，因此在此提问：为何表格单元格使用CSS的column-span属性无法实现跨列？

比如像这样通过HTML属性colspan="5"指定跨列可以正常生效：

<table>
  <tbody>
    <tr>
      <td colspan="5"><i>Span!</i></td>
    </tr>
    <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
    </tr>
  </tbody>
</table>

但把跨列设置移到CSS中，却完全不起作用：

.my-class td {
  column-span: all;
}

<table>
  <tbody>
    <tr class="my-class">
      <td class="my-class"><i>No span?</i></td>
    </tr>
    <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
    </tr>
  </tbody>
</table>

其他样式属性（比如背景色）都能正常工作，唯独column-span不行，这是怎么回事？

更新：有人指出我之前在CSS里用数字（column-span:5）的问题，但改成column-span:all后仍然无效，因此我更新了代码示例。

已解决：感谢解答！此前没意识到CSS的column-span并非用于表格。

内容的提问来源于stack exchange，提问作者Carter