ネストした表の要素のCSS設定をオーバーライドするにはどうすればいいですか？

CSS：ネストした表の要素のCSS設定をオーバーライドするにはどうすればいいですか？

table.t_group tbody th 
{ 
    text-align: left; 
} 

table.t_group_matches tbody th 
{ 
text-align: center; 
}

HTML：

<table class="t_group"> 
    <tbody> 
     <tr> 
      <td style="width:200px">123</td> 
      <td style="width:200px">456</td> 
     </tr> 
    </tbody> 
    <tfoot><tr><td colspan="2"> 
     <table class="t_group_matches"> 
      <tbody><tr> 
       <th>Some text to be centered</th> 
      </tr></tbody> 
     </table> 
    </td></tr></tfoot> 
</table>

尖ったテキストがセンタリングされていません...

教えてください、どのようにそれが中心に作るには？

P.S.私はタグそのものにスタイル指定を追加することができますが、CSSファイルから 'stuff'を移動させたくありません。

P.P.S.

ことが不可欠で、私の 'DOCTYPE' の場合：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

P.P.P.S.

新しい機能（html5、css3）がわかっている場合は、その機能もご利用ください。テキストが中央に配置され

出典

2011-07-03 Budda

あなたのネストされたテーブルには幅を持っていますか？そうでない場合はうまくいく可能性がありますが、ネストされたテーブルはテキストの内部と同じ幅しかないため、親に対して左に揃えられているかのように見えます。ネストしたテーブルの幅を100％に設定し、それが何かを修正するかどうかを確認します。 –

なぜそれを答えにしなかったのですか？ – Budda

、ちょうどテーブルには、その外側の領域の幅を満たさない：

table.t_group_matches {width:100%}

出典

2011-07-03 23:11:30 davin

説明なしで、あなたはばかだ。誤植は問題を解決しません。あなたがそれを確認する努力をしても、あなたは知っているでしょう。 – davin

もちろん、あなたの綴りは訂正なしでもうまくいきませんでしたが、私はダウン投票のメリットを説明する必要がありましたか？ – jerluc

@ jerluc、OPは質問をしました。問題に対処していないマイナーな問題を指摘することも、メインポイントに集中することもできます。その主な問題に対処していないあなたの答えは、下の投票よりもメリットがあるはずです... – davin

ネストした表の要素のCSS設定をオーバーライドするにはどうすればいいですか？

答えて

関連する問題