web-dev-qa-db-ja.com

最初の列で左揃えのテキストを適用し、他の列で右揃えのテキストを適用する方法

スタイルを設定するテーブルがあります。どのように適用できますかtext-align:left;最初の列とtext-align:right;他の列については？

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

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

現時点では、すべての列にテキストの配置が残っています。

csscss-tables
23
Koala7

次の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

20
keaukraine

:first-child疑似クラス（ W3C定義 ）-これはまさに設計された種類のものです。次のように使用できます。

.table td {
    text-align: right;
}

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

:first-child疑似クラスは、セレクターが最初の<td>各<tr>。

ここの例： http://jsfiddle.net/xv5Cn/1/

22
cloudfeet

ちょっとマナ私はあなたのフィドルを更新しました、このリンクに従ってください：

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

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

0
Sandeep Rao