テーブル内の上下の余白をなくしたいのですが、この記述を添削してください

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
ワードプレスでサイトを作っています。
テーブルを作ってそこに文字や画像を入れると自動的にある程度余白ができますよね。あの余白を調整したい（狭くしたい）のです。
使っているのはBizbectorの無料のテーマです。
http://sample.bizvektor.com/

###試したこと・発生している問題

子テーマを作って、下記コードを入力したのですが
どうも反映されません。何が間違っているのでしょうか。
(上下の余白を1にしたつもり。)

------------------------
td, th {
padding: 1px 5px 1px 5px;
}
------------------------

###その他
おそらく「div」要素でかこったりするのかな、と想像するのですが
その書き方がわかりません。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
使っているのはBizbectorの無料のテーマです。
http://sample.bizvektor.com/

Answer 1

例えば 採用情報 のページであれば、下記のように指定することでスタイルを変更することが出来ます。

#content table th,
#content table td {
  padding: 0;
}

CSSには「優先度」というものがありまして、現状の優先度より高い優先度でスタイルを指定しなければスタイルが有効になりません。

上のページでは、.content table th, .content table tdにスタイルpaddingが指定されていますので、これを上書きするためには次の3つの方法が考えられます。

1. !importantを付ける
2. .content table thより詳細にセレクタを記述する（#content table thや.content table tbody thなど）
3. .content table thと同じセレクタで、最後に読み込まれるようにスタイルを記述する

参考：http://mawatari.jp/archives/css-selector-priority

Comments

[glanglan]

大変勉強になりました