Kann nicht Text-Ausrichtung nach links css

Question

überschreiben Ich habe eine Tabelle, wo die th Elemente sind text-align: left. In meinem CSS spezifizierte ich text-align: center zu meinen th Elementen, aber es überschreibt nicht aus irgendeinem Grund. Hat jemand eine Idee warum? Meine Tabelle:

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

Meine CSS:

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

Hier ist meine Geige als Referenz:

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

Answer 1

Seien Sie präziser und es wird tables.less Datei außer Kraft setzen. In diesem Fall:

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

table th Spezifität gewinnt gegen einfache th