如何在第一列中应用文本对齐,在其他列中应用文本对齐

Question

我有一个表格样式,我如何text-align:left;只应用于第一列和text-align:right;其他列？

这是我的表示例:

目前,所有列都保留了text-align.

Answer 1

您可能想要查看:first-child伪类(W3C定义) - 这正是它的设计目的.你可以像这样使用它:

.table td {
    text-align: right;
}

.table td:first-child {
    text-align: left;
}?

的:first-child伪类是指只选择匹配的第一个<td>中的每个<tr>.

请注意-您也可以使用`:nth-child(n)`，因此对于第二个孩子，您可以使用`.table td:nth-child(2){}`，依此类推... (2认同)

Answer 2

您需要指定以下CSS:

.table td,
.table th
{
    text-align:left;
}

#right,
.table td + td,
.table th + th
{
    text-align:right;
}

您可以在此处阅读有关相邻兄弟CSS选择器的更多信息:http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors