我有一个表格,里面填满了 CSS 类string和currency的单元格。我希望字符串列的标题左对齐,货币列的标题右对齐。
有没有办法纯粹用 CSS 来做到这一点?
在下面的代码中,Strings标题将左对齐,Currency标题将右对齐,它应该通过检测该列中单元格的类类型来知道这一点。
注意:单个列(标题下)中的所有单元格将共享相同的类类型。没有混合和匹配。
<table>
<thead>
<tr>
<th>Strings</th>
<th>Currency</th>
</tr>
</thead>
<tr>
<td class="string">This is a string.</td>
<td class="currency">100.00</td>
</tr>
</table>
我的想法是这样的:
table td.string thead th { // if cells in column are of string type
text-align:left;
}
table td.currency thead th { // if cells in column are of currency type
text-align:right;
}
我知道上面的 CSS 不起作用,但是有一些 CSS 诡计会做这样的事情吗?