Wordpress 子テーマのCSSを優先させる方法

Question

前提・実現したいこと

Wordpressでサイト制作（勉強）中です。
バズ部のXeory Extensionというテーマをカスタマイズしたい。
親テーマはそのままで、子テーマにstyle.cssを作成して追記する形で対応したい。

具体的に、サイトのブロック間？に入っているスキマ（とそこから見えている画像）を消したい。
見えづらいですが画像を添付致します。

試したこと

Chromeのデベロッパーツールで該当箇所を確認。
style.cssのbody部に記述されているようだったのので、子テーマのstyle.cssに修正希望を追記。

###親テーマのstyle.css該当部分

body {
    background: url(./lib/images/bg.png);
    color: #241913;

こんな感じでグレーアウトしていますが、デベロッパーツールで
background: url(./lib/images/bg.png);
をオフにすると希望通り背景画像が消えます。

子テーマのstyle.css該当部分

body {
    background: none !important;

もしくは、

body {
    background:  rgb(255, 255, 255) !important;

などど追記したのですが、全く反映されません。

何か良い方法はないでしょうか？

Answer 1

下記を確認してください。

1. 子テーマのCSSファイルを読み込んでいない

（スタイルが読み込まれていたらデベロッパーツールに表示されているはず。ブラウザに出力されたHTMLに子テーマのCSSへのパスがあるかどうか確認）
0. CSSの読み込み順がおかしい
（子テーマのCSSのほうが後に来るはず）
0. CSSファイルのどこかに構文ミスがあり、それ以降のスタイルが無視されている
（読み込みができているのに表示されない場合はこれの可能性がある）
0. 例示されているコードがそのままのコードの場合

body {
    background: none !important;
} /* ← これが必要。 */

Comments

[Qing]

ありがとうございます！

1.2.はデベロッパーツールで確認したところ、親テーマのstyle.cssの後に子テーマのstyle.cssを読み込むようになっているようでした。（画像が貼れなかったのですが、Elements欄で確認しました）
今回の修正以外の以外の修正は反映されていますし、おそらく大丈夫だと思います。

4.はスミマセン！コピペミスです。
実際には”｝”で閉じています。

となると３の構文ミスが怪しいですね。
ひとつづつ確かめてみたいと思います。

ありがとうございます。

[Qing]

子テーマのstyle.cssを見直していたところ、上の方のpaddingの設定に単位（px）を入れていないところがあったので追記したら狙い通り読み込むようになりました。

body.home #content {
padding-top: 0px;
｝

↑0の後に"px"を追記した。

なお、その後に再びpxを削除しても元に戻ることもなく希望通りの状態です。
良く分からないのですが、ブラウザにキャッシュが残っていたとかいうことなのでしょうか…？

いまいちスッキリしないのですが、とりあえず希望通りになったので解決とさせていただきます。

本当にありがとうございました。