ワードプレスでCSSが反映されない

Question

参考サイトを見て固定ページにCSSを適用する方法を試しているのですがうまくいきません。

・WP Add Custom CSSをインストール
・カスタムCSSが表示されたのを確認
・カスタムCSSにコードを記述

p{
    color: #ff0000;
}

これでプレビューで見てみても文字は黒のままです。
他の項目を設定してみても同じく何も反映されません。

どうしたらCSSを反映できるのでしょうか？
よろしくお願いします。

Comments

[Lhankor_Mhy]

詳細度の問題のように思えるのですが、!important はお試しになりましたか？

[sena14]

試しましたがダメです。

[Takumiboo]

ブラウザの開発者ツールで何が優先されているのか調べましょう。

[sena14]

どの様に調べることができますか？

[Lhankor_Mhy]

>どの様に調べることができますか？

横からですが、「Chrome　開発者ツール　CSS」でググるといいかと思います。

---

キャッシュの可能性はありませんか？　スーパーリロードはお試しになりましたか？

[sena14]

スーパーリロード試してみましたが駄目でした

[sena14]

style.css?ver=5.4.2というものが適用されていました。

[Lhankor_Mhy]

開発者ツールでの検証はいかがでしたか？

[sena14]

丁度行き違いになってしまったようでstyle.css?ver=5.4.2というものが適用されていました。

[Lhankor_Mhy]

内容については、いかがですか？
また、Computed のタブで実際に適用されているスタイルが見えると思いますが、そちらはいかがでしたでしょうか？

[sena14]

反映を確認出来ました！
いままでプレビューで見ていったのですが更新を押したところ反映されました。

カスタムCSSは更新を押さないと反映されないのですね。。。

[Lhankor_Mhy]

なるほど、実際のページを見ていたわけではなかったのですか。
その発想はなかった。

ご解決されて何よりです。
自己解決の処理をお願いします。
https://teratail.com/help#resolve-myself

[sena14]

色々教えていただいてありがとうございました！

Answer 1

更新ボタンを押したところ反映できた