html - テーブルへのスタイルの適用を停止する方法

Question

次を使用して、HTMLテーブルにセルパディングを設定しています:cellpadding: 10

パディングスタイルが継承されているため、セルパディングが設定されていません:

そのため、(Chrome で) 上のパディング チェックボックスの選択を解除すると、セルのパディングが正しく適用されます。テーブルに「padding: 0」スタイルが設定されないようにするにはどうすればよいですか。セル間隔で !important を使用してみましたが、効果がないようです。

Answer 1

cellpadding 属性の使用を避け、CSS を使用してプレゼンテーションを制御します。

css リセットを使用してブラウザのデフォルト値をゼロにしているように見えるので、必要に応じて再定義する必要があります。

th, td {
  padding: 10px;
}

Answer 2

Try creating more specific selectors. Something like

#myBody .myDiv table th, #myBody .myDiv table th {
    padding: 10px;
}