css - CSSからテーブルセルのパディングを設定するには?

Question

特定の HTML テーブル (Drupal によって生成されたもの) のセル パディングの問題に苦しんでいます。

表は次のとおりです。

私は次のことを試しました：

.view-thumbnails-of-tips-and-tricks {
    padding: 10px 10px 10px 10px;  
}

次のように、セルコンテンツの周りにパディングを追加したい:

残念ながら、パディングはセルのコンテンツではなく、テーブル全体に適用されます。どうすればこれを解決できますか?

Answer 1

.view-thumbnails-of-tips-and-tricks tr td {
    padding: 10px;  
}

Answer 2

tdあなたのクラスの後に指定してください：

.view-thumbnails-of-tips-and-tricks td {
    padding: 10px;  
}

cellpaddingまた、ユーザー エージェント スタイルシートが独自の値を提供する場合に備えて、HTML で必ずゼロに設定してください。この値は、CSS 値を上書きまたは追加する場合があります。

<table cellpadding="0">

Answer 3

次のようにスタイルを定義してみてください。

.view-thumbnails-of-tips-and-tricks td {
    padding: 10px 10px 10px 10px;
}

これは、次のスタイルを定義していることを意味します。

1. top div（識別子 ".view-thumbnails-of-tips-and-tricks"）
2. そのdiv内のテーブル（ "td"）

Answer 4

ホルダーではなく、そのセルに css を設定する必要があります。

したがって、そのセルのクラス名を設定し、css をカスタマイズできます。

例えば：.view-thumbnails-of-tips-and-tricks td { padding: 10px; }

この助けを願っています