2011-06-19 5 views
1

最初のセルを左揃えにし、他のすべてのセルを中央揃えにしてテーブルを作成しようとしています。CSSこのテーブルセルを左揃えにしないのはなぜですか?

私はこれを行うことができますが、私は別のCSSテクニックを使うと思っていました。

以下の例では、class = "left"のテーブルセルがテーブルレベルの中央揃えよりも優先されると思いますが、これは当てはまりません。すべてのセルが中央に配置されます。

すべての入力が高く評価されました。

<head> 
    <style type="text/css"> 

     td {border:solid 1px black;} 

     table.SomeTable td {text-align:center;} 

     td.Left {text-align:Left;} 

    </style> 
</head> 
<body> 
    <table class="SomeTable" cellpadding="10" cellspacing="0"> 
     <tr> 
      <td style="width:100px;" class="Left">Why not left justified?</td> 
      <td style="width:100px;">aaa</td> 
      <td style="width:100px;">aaa</td> 
      <td style="width:100px;">aaa</td> 
     </tr> 
    </table> 
</body> 

答えて

4

table.SomeTable tdルールは確かにtd.Leftより具体的です。

あなたは、テーブルクラスを追加することによって、それを修正することができます:

table.SomeTable td.Left {text-align:Left;} 

は、ここではCSSの特異性がどのように機能するかについていくつかの背景です:Points in CSS specificity

関連する問題