html - 使用 CSS 对齐列

Question

我想根据标题上的类对齐表中的列。例如，如果我有下表:

<table>
    <thead>
        <th>Name</th>
        <th class="price">Price</th>
    </thead>
    <tbody>
        ....
    </tbody>
<table>

我知道我可以使用 :nth-of-type 但有时列是第 2 列，其他时候是第 5 列，在某些地方我会在同一个表格中让几列右对齐。

有没有办法做到这一点？我不需要支持旧版浏览器，甚至 Internet Explorer 9(如果适用于 chrome 和/或 firefox 对我来说就足够了)

为了澄清起见，我想对齐正文中与头部列关联的列中的文本

Answer 1

不可以，您不能设置表格单元格的样式，使样式依赖于列标题 th 上的 class 属性。 CSS 中没有任何内容以这种方式连接单元格。

对齐列的最可靠方法是在其中的每个单元格上生成 class 属性。好吧，从技术上讲，使用 HTML align 属性更加可靠。