Q&A
出力された（ブラウザで「ページのソースを表示」）HTML（記事部分）およびCSS（ページに出力されているもの）などを質問文に追記いただいたほうが回答を得られやすいと思います。
http://naifix.com/article-css/#i
上記のサイトの通りにCSSを追加したのですが、反映されませんでした。
考えられる理由を教えてください。
カスタムフィールドで新規追加して
custom_css_codeという名前をつけて
値に以下のことを書いています。
!importantと追加してもできませんでした。
今ソースコードを読んだのですがCSSがそもそも反映されていませんでした。
CSS
1.aaa p{ 2 line-height: 1.6; 3} 4.bbb .ccc{ 5 background-color: #fffd77; 6}
コード自体はHTMLで確認済で正常に動作していました。
WordPressテーマはテーマ名と取得したURLを質問文に追記ください。（URLにはリンクを張ることができます）
回答2件
0
ベストアンサー
実際にCSSを書かれたファイルはstyle.cssの中でしょうか??
その中に
css
1@charset "UTF-8"; 2/* 3Theme Name: テンプレート 4Theme URI: http://eeee.jp/ 5Description: あいうえおテーマ 6Author: 著者 7Version: 0.1 8*/ 9/* all display 10-------------------------------------------------- */ 11 12@import url("css/common.css");
と書いて別ファイル(上だとcss/common.css)に書かれているのでしょうか?
もしかするとCSSの読込順の関係で(優先順位??)で効かない可能性もあるので
css
1.aaa p{ 2 line-height: 1.6 !important; 3} 4.bbb .ccc{ 5 background-color: #fffd77 !important; 6}
を書くと上手く反映するかもしれませんが後々保守するときに大変になるのであまりおすすめはできません｡
投稿2016/10/22 06:30
総合スコア43
プラグイン「Custom CSS and JS」を使っているのではないかと思います。
なるほどですね｡自分は知らなかったのですが､管理画面からCSSを追加する方法ですね｡早とちりしました(*^^*)
私も yuki1010さんの書かれておられるとおり詳細度の問題か、セレクタの指定の部分かなぁ、とか思ってます。
0
同様の指定がテーマ内にあるなら、Custom CSS and JS が出力するCSSより下でテーマのCSSが読み込まれているのかもしれません。
HTML
1<head> 2<!--プラグイン出力--> 3<style type="text/css"> 4/* <![CDATA[ */ 5.aaa p{ 6 line-height: 1.6; 7} 8/* ]]> */ 9</style> 10 11<!--テーマCSS--> 12<link rel="stylesheet" href="style.css"> 13</head>
テーマのCSSで以下のように指定されていると、こちらが優先（上書き）されます。
CSS
1.aaa p{ 2 line-height: 1.5; 3}
投稿2016/10/22 09:09
総合スコア10
あなたの回答
tips
プレビュー
