• 締切済み

CSSが反映されない

以前にも質問させていただいたのですが、解決しなかったので、再度質問させていただきます。 ワードプレスのCSSが反映されません。 編集場所は子テーマのCSSです。 最初に .headline2{ background-color:#ffd700; } でダメで、こちらで質問させていただいたところ ・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 子テーマの functions.php にて親テーマのスタイルを生かしつつ子テーマに追加のスタイルを記述するアクションを追加します。 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') ); } ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ という回答をいただいたので、functions.php にコピペしましたが、ダメでした。 それからネットでいろいろと調べていて、優先度というものを知りまして 前 .headline2{ background-color:#ffd700; } 後 #content h2{background-color:#ffd700;} の指定をしてみたのですが、そもそも更新をはねのけられました。 次に どうしてもうまくいかないなら スタイルの最後に「!important」を付ける方法もありますとあったので #content h2{background-color:#ffd700; !important} としてみました が、これも更新ができませんでした。 解決方法わかりますか?

みんなの回答

  • hok212
  • ベストアンサー率66% (100/150)
回答No.2

こんばんは。 ブレース(中括弧)が全角だからではないでしょうか? また、important の使い方は次のように指定します。 background-color:#ffd700 !important; 値の後に半角スペースを空けて!important;(セミコロン)です。

suzu2014
質問者

お礼

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

  • okwavey2
  • ベストアンサー率15% (251/1593)
回答No.1

カテゴリーが技術者向けなので、回答するのは不本意なんですが、たまたま気が向いたので。 >解決方法わかりますか? わかりません。 なぜなら状況がわかりませんからね。 以前の質問 ワードプレス 子テーマ これがまずわかりません。 以前の質問はURLを示す。 ワードプレスではなく、バージョンを含める。 子テーマではなく、どのテーマのどのバージョンなのか含める。 これらがわかった上で、更新、はねのけられるの意味がわかりません。

suzu2014
質問者

お礼

ありがとうございます。

suzu2014
質問者

補足

okwavey2様より、これらの情報があると良いとのアドバイスをいただきましたので、補足いたします。 ◆以前の質問 https://okwave.jp/qa/q9580601.html ◆ワードプレスのテーマ simplicity2.7.4(親テーマ) simplicity2 child 20161002a(子テーマ) ◆ワードプレスのバージョン WordPress 4.9.9 ◆更新がはねられる このファイルを更新する前に3個のエラーを修正する必要があります。 との表示が出て、更新ボタンが薄くクリックできない状態になる。 これは #content h2{background-color:#ffd700; !important} もしくは #content h2{background-color:#ffd700; } の記述をしたときに現れます。 .h2{background-color:#ffd700;} の記述をしたときには ファイルの編集に成功しました と出てくるのですが、実際にサイトをみてみると、反映がされていません。

関連するQ&A