html - 为表格中的每个单元格添加底部填充

Question

我正在尝试为表格中的每个单元格提供底部填充。由于我在代码中使用了多个表，因此我使用了一个名为摘要的类。

HTML代码是：

        <table class="summary">
          <tr>
            <td >...</td> 
            <td>...</td>
          </tr>
          <tr>
            <td>...</td>
            <td>...</td>
          </tr>
        </table>

聪明的代码是：

        <style>
            chargesSummary td {
                padding-bottom:12px;
            }
        </style>

我也试过

        <style>
            td.chargesSummary  {
                padding-bottom:12px;
            }
        </style>

只有添加底部填充的代码是：

        <style>
            td  {
                padding-bottom:12px;
            }
        </style>

但它会添加到每个表格单元格中。我只想为特定的表格单元格添加它。

Answer 1

用于table.summary td仅选择类 s 的td后代标签。tablesummary

CSS

table.summary td  {
    padding-bottom: 12px;
}