Jak zastosować wyrównanie tekstu pozostawione w pierwszej kolumnie, a wyrównanie tekstowe w pozostałych

Question

Mam tabelę do stylu, jak mogę zastosować wyrównanie tekstu: w lewo; tylko dla pierwszej kolumny i wyrównania tekstu: prawo; dla pozostałych kolumn?

Oto mój przykład tabeli.

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

Obecnie text-align jest pozostawione dla wszystkich kolumn.

Dzięki

Answer 1

musisz określić następujące CSS:

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

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

przykład tutaj: http://jsfiddle.net/mWeYM/

można przeczytać więcej o przylegającym selektora rodzeństwo CSS tutaj: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

Answer 2

Hey Manna zaktualizowałem twoje skrzypce, wystarczy kliknąć ten link:

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

Wszystko, co musisz zrobić, to dodać klasę do której yu chcesz wyrównane, a następnie dodać css jak w skrzypcach

Answer 3

może warto spojrzeć na :first-child pseudo-klasy (W3C definition) - to jest dokładnie to, do czego został zaprojektowany. Można używać go tak:

.table td { 
    text-align: right; 
} 

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

:first-child Pseudo-klasa oznacza selektor pasuje tylko pierwszy <td> w każdym <tr>.

Przykład tutaj: http://jsfiddle.net/xv5Cn/1/