html - 如何增加表格中所有tds的字体大小

Question

我的表格中有一些行。我想在 etire 表中将 td 字体大小增加到 24。如何在head中为td写css样式，使所有td数据的字体变大。

<table class="table table-striped">
  <thead>
    <tr class="success">
      <th class="success">a</th>
      <th>1</th>
      <th>2</th>
      <th>3</th>
      <th>4</th>
      <th>5</th>
    </tr>
  </thead>
  <tbody>
    <tr class="danger">
      <td id="hhh" class="success">filled</td>
      @foreach (var item in Model) {
      <td>@item.Filled.ToString("N2") cm</td>
      }
    </tr>
    <tr class="info">
      <td>Updated time</td>
      @foreach (var item in Model) {
      <td>@item.UpdatedTime</td>
      }
    </tr>
    <tr class="warning">
      <td>Area</td>
      @foreach (var item in Model) {
      <td>@item.Area</td>
      }
    </tr>
  </tbody>
</table>

Answer 1

你可以像这样嵌套所有东西:

table tbody tr td {
  font-size: 24px;
}

或者您可以保持简单，只需执行以下操作:

td {
  font-size: 24px;
}

这取决于您的 CSS 上下文，以及您需要的具体程度。很可能是第二种选择。