は、私は<code>th</code>要素が<code>text-align: left</code>あるテーブルを持っているテキスト左揃えCSS

Question

をオーバーライドすることはできません。私のCSSでは、th要素にtext-align: centerを指定しましたが、何らかの理由でオーバーライドしていません。なぜ誰にも分かりませんか？私のテーブル：

<table class="days_table" align="center"> 
    <thead> 
    <tr> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th class="last_cell"></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td class="last_cell"></td> 
    </tr> 
    </tbody> 
</table> 

マイCSS：

td, th { 
    border-right: 1px solid gray; 
    border-right-style: dotted; 
    text-align: center; 
} 

は、ここに参照のための私のバイオリンです：

https://jsfiddle.net/qg8xzf2y/2/

Answer 1

は、より具体的に、それはtables.lessファイルを上書きします。この場合：

td, table th { 
    border-right: 1px solid gray; 
    border-right-style: dotted; 
    text-align: center; 
} 

table th特異性は、単純なth

勝つだろう