css - 最初の列に text-align left を適用し、他の列に text-align right を適用する方法

Question

text-align:left;スタイルを設定する表があります。最初の列と他の列だけに適用するにはどうすればよいtext-align:right;ですか?

ここに私のテーブルの例:

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

現時点では、テキスト整列はすべての列に残されています。

Answer 1

:first-child疑似クラス ( W3C 定義)を見たいと思うかもしれません- これはまさにそれが設計された種類のものです。次のように使用できます。

.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

Hey Manna 私はあなたのフィドルを更新しました。このリンクに従ってください:

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

あなたがする必要があるのは、整列したいクラスにクラスを追加してから、フィドルのようにcssを追加することだけです