saeka

@wildworks さん

お返事いただきありがとうございます。

// 投稿ページだけsingle.cssを読み込ませる
function single_styles()  {
  if ( is_single() ) {
    wp_enqueue_style( 'single_style', get_stylesheet_directory_uri() . '/single.css' );
    }
  }
add_action( 'wp_enqueue_scripts', 'single_styles' );
// wp_register_style( 'single_style', get_stylesheet_directory_uri() . '/single.css', array(), '', 'all', false );
// wp_enqueue_style( 'single_style' );

こちらのように、コメントアウトしてみて挙動を確認したところ、CSSは適用されていて、「？？？」となっていたので、追加でアドバイスをいただいてとても助かりました。

もしかするとCDNを使用しているので、反映に時間がかかるのかもしれないと考えています。
(スーパーリロードを使用しても、反映されない時があるので)

今回の質問の内容とは違うところに問題があるのかもしれません。

いずれにしろ、以下の部分は削除しておきました。

// wp_register_style( 'single_style', get_stylesheet_directory_uri() . '/single.css', array(), '', 'all', false );
// wp_enqueue_style( 'single_style' );

今は問題なくCSSは投稿ページのみに反映されて、Topページなどの固定ページには反映されていません。そのため、悩んでいたCSSが適用されないという点は解消できました。
ありがとうございました。

• この返信は2年、 5ヶ月前にsaekaが編集しました。
• この返信は2年、 5ヶ月前にsaekaが編集しました。

ありがとうございました。
有力情報をいただき、すごく参考になりました！

ただ、ページID↓で指定してみたのですが、効かなかったです。

.home div.wpcf7 input[type="file"]{
	color: black;
}

.page-id-39 div.wpcf7 input[type="file"]{
	color: black;
}

実際に書き込んでも効かないですが、Chromeのデベロッパーツールでこれを打ち込んでもグレーアウトしちゃいます。

そもそも、Chromeのデベロッパーツールでここのクラス名にスタイルを指定しようとすると

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

と書いてあるんです。

クラス名なら.が必要だし、IDなら＃が必要なはずですよね？
でも、頭に何もつけずにいきなりdivから始まるんですよ。
そして、Chromeのデベロッパーツールによれば、先にcursor: pointer;というプロパティが入っているらしいんですが、このプロパティが入っているところが、私自身が書いたファイルじゃなくてwp-includes/css/styles.css?ver=5.1.4と表示されています。テーマフォルダしかいじったことがないので完全にお手上げです。

• この返信は5年前にsaekaが編集しました。