将底部填充添加到表中的每个单元格

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仅选择td个table的后代summary个table.summary td { padding-bottom: 12px; } 。

<强> CSS

{{1}}