変更表の列幅

Question

私は、次のテンプレートでテーブルを作成し、ライブラリを反応させ使用しています：

<div class="table-container" style="width:100%"> 
    <table style="width:100%"> 
     <thead> 
      <tr> 
       <th>BLA_Column</th> 
      </tr> 
     </thead> 
    </table> 
    <table style="width:100%"> 
     <tbody> 
      <tr> 
       <td>BLA_Body</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

私はautoに目の幅とTDを設定することができるよ、しかし、結果は私は2つの異なるサイズ（1つはtdのために、もう1つはtdのために）を得る。私は、（例えば）以下のセレクタを使用しようとすると 、何も起こりません：

table > thead > th { 
    width: 100px; 
} 

私はクロームDEV-ツールを使用して、直接の幅を変更しようとすると、また、全く変化がありません。

ありがとうございます！

Answer 1

CSS文字>直接の子のみを選択します。

table > thead th { 
    width: 100px; 
} 

または

table > thead > tr > th { 
    width: 100px; 
}