文本 - 在css中工作但不适用于

Question

我正试图将我的文字对齐在表格中。但是，它仅适用于td，但不适用于th。

HTML＆amp; table for th，td：

的CSS

table {
  width: 100%;
  border-collapse: separate;
  text-align: center;
}
th,
td {
  border-bottom: 1px solid #ddd;
  padding: 30px;
  text-align: center;
}

<table>
  <tr>
    <th><font size=6>Item name</font>
    </th>
    <th><font size=6>Brand</font>
    </th>
    <th><font size=6>Category</font>
    </th>
    <th><font size=6>Price</font>
    </th>
    <th><font size=6>Date of purchase</font>
    </th>
  </tr>
  <tr>
    <td><font size=4>{{ wish[4] }}</font>
    </td>
    <td><font size=4>{{ wish[6] }}</font>
    </td>
    <td><font size=4>{{ wish[5] }}</font>
    </td>
    <td><font size=4>{{ wish[7] }}</font>
    </td>
    <td><font size=4>{{ wish[3] }}</font>
    </td>
  </tr>
</table>

Answer 1

我怀疑你的其他地方被覆盖了。

虽然我不推荐，但你可以这样做。

th,td {
  text-align: center !important;
}

Answer 2

似乎工作正常。其他地方的一些其他CSS代码必须与之相冲突。

您可以在属性值后使用!important。它应该工作正常。