Как применить выравнивание текста влево в первом столбце и выравнивание текста прямо в других

У меня есть таблица в стиле, как я могу применить text-align: left; только для первого столбца и text-align: right; для других столбцов?

Вот пример моей таблицы.

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

В настоящий момент выравнивание текста остается для всех столбцов.

Спасибо

Ответ 1

Вам нужно указать следующий CSS:

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

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

Пример здесь: http://jsfiddle.net/mWeYM/

Вы можете узнать больше о смежном селекторе Siblings здесь: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

Ответ 2

Возможно, вам стоит взглянуть на псевдо-класс :first-child (W3C определение) - это именно то, для чего он был предназначен. Вы можете использовать его следующим образом:

.table td {
    text-align: right;
}

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

Псевдокласс :first-child означает, что селектор соответствует только первому <td> в каждом <tr>.

Пример здесь: http://jsfiddle.net/xv5Cn/1/

Ответ 3

Эй, Манна, я обновил твою скрипку только по этой ссылке:

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

Все, что вам нужно сделать, это добавить класс к тому, который хотите выровнять, а затем добавить css, как в скрипте