网格的最后一个可见列的CSS选择器

Question

我有一个这样的专栏：

<table class="mytable">
  <tr>
    <th></th>
    <th></th>
    <th style="display:none"></th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td style="display:none"></td>
  </tr>
</table>

在最后一个可见列（th和td）上应用自定义样式的CSS选择器是什么，在本例中是第二个？

我对伪类/伪元素感到困惑......

Answer 1

最后一个：

td:last-child , th:last-child { ... }

但正如您的评论中所述，这不能考虑内联样式。您可以做的另一件事是nth-child：

td:nth-child(1) , th:nth-child(1) { ... }

但这预先假定您将保留相同数量的列。如果这些都不适合你，那么最好只为你的倒数第二列单元格分配一个类。