如何在第一列中應用文本對齊左側和在其他對象中右對齊

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/