0

テーブル内のすべてのセルに下パディングを与えようとしています。コードで複数のテーブルを使用しているため、summary という名前のクラスを使用しています。

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>

ただし、すべての表のセルに追加されます。特定のテーブルセルにそれを追加したいだけです。

4

1 に答える 1

2

クラスが の の子孫であるタグtable.summary tdのみを選択するために使用します。tdtablesummary

CSS

table.summary td  {
    padding-bottom: 12px;
}
于 2013-11-06T01:42:23.243 に答える