子テーマに記載のCSSが反映されない

PR 2017/5/6

このトピックには2件の返信、2人の参加者があり、最後にジンにより8年、 11ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2017年5月6日 11:21 PM #52324
  ジン
  ゲスト
  質問事項はタイトルの通りで、動作不良時のガイドラインに書かれているようなことは全て試した見たものの改善されずお手上げ状態です。
  ・全てのプラグインの停止
  ・キャッシュの削除
  ・エックスサーバーのmod_pagespeed設定オフ
  ・スタイルシートの入れ直し
  ・子テーマ有効化済み
  ・ワードプレス、クローム、Simplicity共に最新バージョン
  ・対象サイト：http://fx-dreams.com/sample-page
  
  現在記載しているコードは下記になります。
```
h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #2e8b57;/*左線（実線 太さ 色）*/
}
```
  よろしくお願いいたします。
- 2017年5月6日 11:44 PM #52325
  
  わいひら
  キーマスター
  
  それは、CSSセレクタの優先度が足りないからです。
  本文内のH2タグに適用させるCSSセレクターを子テーマで書くには、最低限.article h2{}以上のCSSセレクタにする必要があります。
  CSSセレクタについて詳しくは「CSSセレクタ優先度」などで検索してみてください。
  優先度を、手軽に計算するには以下のツールなどを使ってみてください。
  CSSセレクタの優先度を手軽に計算して比較できるツール「Specificity Calculator」
  慣れれば、ツールとかは不要になるとは思いますが。
- 2017年5月6日 11:59 PM #52326
  
  ジン
  ゲスト
  
  わいひらさんありがとうございます。
  優先度があるなんて知りませんでした。
  .article h2{}にしてみたのですが、それでも反映されなかったので、CSSセレクタの優先度を勉強してみようと思います。
  
  親切に教えていただき感謝いたします。
投稿者

投稿

2件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。