如何在第一列中应用文本对齐左侧和在其他对象中右对齐

Question

我有一个样式表，如何应用文本对齐：左侧;只是第一列和文本对齐：正确;为其他列？

这里我的表的例子。

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

在文本对齐是留给所有列的时刻。

感谢

Answer 1

您需要指定下面的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 2

嘿曼纳我已更新您的小提琴只需按照此链接：

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

所有你需要做的就是添加一个类到其玉要对准，然后添加CSS作为小提琴

Answer 3

你可能想看看:first-child伪类（W3C definition） - 这正是它的设计目的。你可以使用这样的：

.table td { 
    text-align: right; 
} 

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

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

这里举例：http://jsfiddle.net/xv5Cn/1/