CSS类应用于<；col>；元素未完全应用

使用此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>

第1列第2列
第1c1行r1c2 r1
第2c1行r2c2 r2

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

---

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

感谢Martin Turjak为我指出了这条线索。它显示只支持四个属性（而不支持文本对齐），并提供了一个链接来解释原因。因此，这个问题的答案是：这是不可能的

---

这篇文章还展示了如何将text align:right应用于表中的第一列，这正是我想要做的，它给出了我需要的答案

这可能会有所帮助，或者这是一个JSFIDLE，您的表使用了我在上面的评论中链接到的答案之一的解决方案：非常感谢Martin，第一个链接告诉了我该做什么：）