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

原文 标签 html css html-table css-selectors

假设我有一个看起来像这样的表:

<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"] ?

最佳答案

它不是很漂亮,但可以使用多个选择器来完成: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;
}

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

关于html - 如何在表中选择包含 colspans 的列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26408688/

相关文章:

html - 将表格栏分为三部分

html - HTML 5语义标记是否应该用于样式设置?

html - Python3 单元测试 HTML 报告

javascript - 防止浏览器在按下后退按钮时捕捉到上一个滚动位置

html - 标签页中的分页不起作用(Blogger)

css - 使用 br 或 div 进行分节

javascript - 如何将HTML正文表导出到Excel?

html - 为什么我无法向下滚动页面

html - 图片在Chrome中加载,但在Firefox中不加载

html - 表格格式问题Chrome与IE/FireFox