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

Question

我有一个样式表，如何仅针对第一列应用text-align:left;而针对其他列应用text-align:right;？

这是我的表示例：

http://jsfiddle.net/gianlucaguarini/hAv7P/

目前，所有列都保留了text-align。

Answer 1

您可能希望查看:first-child伪类（W3C definition） - 这正是它的设计目标。您可以像这样使用它：

.table td {
    text-align: right;
}

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

:first-child伪类意味着选择器仅匹配每个<td>中的第一个<tr>。

此处示例：http://jsfiddle.net/xv5Cn/1/

Answer 2

您需要指定以下CSS：

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

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

此处示例：http://jsfiddle.net/mWeYM/

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

Answer 3

嘿Manna我已经更新了您的小提琴，请点击以下链接：

http://jsfiddle.net/hAv7P/9/

您需要做的就是在要对齐的yu中添加一个类，然后在小提琴中添加css