应用于未完全应用的元素的CSS类

Question

使用这个CSS：

table.swtable, .swtable tr, td {border-collapse:collapse; border: 1px solid black; width: auto !important}
.swtable td {padding: 10px; text-align: center}
.swcolheading {background-color: #D9FFD9}
.swrowheading {background-color: #D9FFD9; text-align: right}

和这个HTML：

<table class="swtable">
    <colgroup><col class="swrowheading"></colgroup>
    <tr class="swcolheading"><td></td><td>col 1</td><td>col 2</td></tr>
    <tr><td>row 1</td><td>c1 r1</td><td>c2 r1</td></tr>
    <tr><td>row 2</td><td>c1 r2</td><td>c2 r2</td></tr>
</table>

该表为第一列选取正确的背景颜色，但该列中的文本是居中对齐的。如何设置将第一列中的文本右对齐。显然CSS的第一行是为所有单元格设置中心对齐，但是如何为第一列覆盖呢？

注意，为表格指定了宽度选项，因为其他人的CSS已将表格宽度设置为100％，这是我不想要的。

Answer 1

感谢Martin Turjak指点我这个帖子using text-align center in colgroup。它表明＆lt; col＆gt;仅支持四个属性（而不是text-align），并提供了解释原因的链接。所以这个问题的答案是：用＆lt; col＆gt;

无法做到

该帖子还显示了text-align：right如何应用于表格中的第一列，这就是我想要做的，它给了我需要的答案。