html - 如何在表中选择包含 colspans 的列？

Question

假设我有一个如下所示的表:

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2"></td>
    <td></td>
    <td colspan="2"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td colspan="2"></td>
    <td></td>
    <td colspan="2"></td>
  </tr>
</table>

如何选择第四列中的所有单元格，包括使用 CSS 跨越它的 td[colspan="2"]？

Answer 1

这不是很漂亮，但可以用多个选择器完成:http://jsfiddle.net/r4atjtfx/1/

tr:first-child td:nth-child(4),
tr:first-child + tr td[colspan="2"] ~ td[colspan="2"],
tr:last-child td:nth-child(3) {
    color: orange;
}

但要回答您的问题，不存在针对不同表格列的选择器。