Question

我有一张th元素为text-align: left的表格。在我的CSS中，我为text-align: center元素指定了th，但由于某种原因它没有覆盖。有谁知道为什么？我的表：

<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

无法覆盖text-align left css

1 个答案: