如何增加表格中所有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>

原文由 Swapna 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以像这样嵌套所有内容：

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

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

 td {
  font-size: 24px;
}

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

原文由 Cassidy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

选择 table 选择器并给它一个 style 所有 td 元素就这么简单..

 table td{
    font-size:24px;
}

原文由 Khan Afzal 发布，翻译遵循 CC BY-SA 3.0 许可协议