应用于 <col> 元素的 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。它表明

仅支持四个属性（而不是 text-align），并提供了解释原因的链接。所以问题的答案是：不能用

那篇文章还展示了 text-align: right 如何应用于表格的第一列，因为这是我想做的，它给了我需要的答案。