没有 CSS 的纯 HTML：Colspan 在 th/td 中无法正常运行，在所有行中保持一致

Question

我不明白为什么我的 colspan 不工作。我有一个 CSS 解决方案，但我只是困惑为什么这行不通。 第一列的宽度应为其他列的 1/3，第一列和 td 上有 colspan="1"，而所有其他列的宽度均为 colspan="3"。

该应用程序用于排行榜，因此第一列将包含排名编号（1、2、3...），并且需要比后续列窄得多。

当然可以用 class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决 或任何数学结果...但是，我真的只是想知道发生了什么。

添加详细信息，因为我认为这个问题将来会对某人有所帮助：

当时，我认为我可以使用 colspan 作为相对单位，本质上是通过使每列的宽度相对于其他列。我遇到的问题是每列都有完全相同的单位。它仅适用于列中的单个单元格，本质上类似于 Microsoft Excel 中的“合并”功能。

<table border="2">
  <thead>
    <tr>
      <th colspan="1">th1 colspan1</th><!-- colspan=1 here -->
      <th colspan="3">th2 colspan3</th>
      <th colspan="3">th3 colspan3</th>
      <th colspan="3">th4 colspan3</th>
      <th colspan="3">th5 colspan3</th>
      <th colspan="3">th6 colspan3</th>
      <th colspan="3">th7 colspan3</th>
      <th colspan="3">th8 colspan3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="1">td1 colspan1</td><!-- colspan=1 here -->
      <td colspan="3">td2 colspan3</td>
      <td colspan="3">td3 colspan3</td>
      <td colspan="3">td4 colspan3</td>
      <td colspan="3">td5 colspan3</td>
      <td colspan="3">td6 colspan3</td>
      <td colspan="3">td7 colspan3</td>
      <td colspan="3">td8 colspan3</td>
    </tr>
  </tbody>
</table>

Answer 1

感谢@Ouroborus，我以为我疯了，但在每天使用 HTML 近十年之后，显然仍然有东西需要学习。

如果列中的所有单元格都设置为相同的要跨越的列数，则 colspan 将不起作用，如此处定义：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td

再次感谢Ouroborus发现了我的误解！