html - 如何使用 CSS 右对齐表格的最后两列

Question

我想右对齐表格最后两列的文本。

<table>
  <tr>
    <th>H 1</th>
    <th>H 2</th>
    <th>H 3</th>
    <th>H 4</th>
  </tr>
  <tr>
    <td rowspan='3'>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
</table>

每行中的列数不同，我不确定如何使用 css:nth-child 选择每行中的最后两个 td 项。

Answer 1

http://jsfiddle.net/BB9ty/

th:last-child,
td:last-child,
th:nth-last-child(2),
td:nth-last-child(2) {
    text-align: right;
}