标签不能进行文本对齐吗？表示列中的列组

Question

这个特殊的html代码是创建表，包含两行，两列，并将第一列背景装饰为红色，并将第二列文本对齐。遇到的非常有趣的事情是没有发生对齐为什么？

<table>
  <colgroup>
    <col style="background-color:red">
    <col style="text-align:right">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
  </tr>
</table>

Answer 1

Jsfiddle DEMO

body > table > tbody > tr > th
{
    text-align:right;
}

您需要为表格标题

指定标签

Answer 2

改用nth-child。正如评论中提到的问题，text-align不适用于col或colgroup标记。

http://jsfiddle.net/f2ue4/1/

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