是否有更简洁的方法让html列all align = right？

Question

有没有更简洁的方法让html表格列对齐除了align="right"每一行？

是否有任何html或CSS我可以在一个地方指定它,以避免每一行上的HTML？

<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
 </tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>
<tr>
   <td align='right'>Col1</td>
   <td>Col2</td>
</tr>

Answer 1

你需要的是:nth-child或者你可以使用:first-child

table tr td:first-child {
   text-align: right;
}

这将适用text-align: right;于每个中的每个第 td一个tr

Demo

Demo (没有什么不同,用于color表示目标元素)

我在这里使用通用元素选择器,所以如果你要定位一个table,最好在声明class上table并使用像这样的选择器

table.class_name tr td:first-child {
    /* Styles goes here */
}