wordpress CSSが反映されない

Question

ヘッダーの下にボーダーを載せるためにこのようにコードを書きましたが反映されません。
.wrap cp {border-bottom 10px #0000ff;}

class名に関しては画像一段目のheader header--centerと二段目のwrap cfのclassで試してみましたがどちらもうまくいきませんでした。

問題点があればご指摘ください。

Answer 1

そもそもクラスの指定の仕方が間違っているような。スペースで区切られているのが一つのクラスです。div class="wrap cf" の場合、divにはwrapとcfの二つのクラスが付与されていることになります。ですので.wrap cf という指定ですと、wrapというクラスの中にあるcfという要素　という指定になってしまいます。（「子孫セレクタ」で検索）

Comments

[Iori11]

header header—centerも２つのclassに分けることができるのですね！

子孫セレクタで調べてみます。

[Fushi_me]

その通りです。
疑問が解決しましたら、ベストアンサーを決めて解決済みにしていただくようお願い致します。

[Iori11]

ベストアンサーの選定が遅れてしまい申し訳ありません。

家に帰ってclassをheaderにしたらきちんと反映されておりました。

親要素、子要素に対するclassの呼び出し方の違いについて学んでみたいと思います。

Answer 2

個人ブログのページですが以下参考になりそうです。
https://www.nishi2002.com/27728.html

私も小規模な個人ブログを持っていますが、CSSは親テーマ(style.css)ではなく、「追加CSS」メニューによって修正しています。特にこだわりがなければ「追加CSS」にご記載下さい。

「外観」->「カスタマイズ」‐>「追加CSS」