見出しのcssを表示させる方法

Question

見出しのcssを表示する事ができません。
見出しのhtmlソースは<h1>か<h2>だと思います。
記事本文に

<h1 class=”example”>見出し</h1>

```と
style.cssには
```css
.example {
background-color: #DC143C;
}

と書きました。
スマホだとこのclassのcssが表示されません。ただ、文字が太くなるだけでした。
スマホでcssを表示させるには何が必要ですか？

Comments

[kei344]

「cssが表示」とはどういうことでしょうか。また、CSSのソースもコードブロックで質問文に追記してください。質問編集画面でコードを選択して「<code>」ボタンを押すとコードブロックになります。

[Lhankor_Mhy]

ページを表示してみて、モバイル時にPCと同じCSSが読み込まれているかどうか確認してみてください。

[gonda310]

ちょっとわかりづらい質問だったので付け足します!

[gonda310]

質問文を編集しましたので、お時間あるときに読んでください。

[kirin311]

質問文編集後のコードを拝見させていただきましたが、ＨＴＭＬとＣＳＳどちらも一部分過ぎて何とも言えないですね。 これだけであれば、特に問題なくスマホでも表示は、出来ますよ。 すべて記入したほうが良いかと思います。　私の予想としては、ほかのスタイルを優先してしまっている可能性がありそうです。

[kei344]

WordPressをお使いのようなので、テーマ名と使用しているプラグインについて、取得したURLを質問文に追記ください。（URLにはリンクを張ることができます） また、ご自身でテーマに追加･編集された箇所も全て提示ください。

[gonda310]

返事が遅れました。テーマはtwenty twelveです。プラグインはデフォルトなので何も追加していません。特に編集していません。mobile.cssを追加しただけです。

[kei344]

mobile.css は質問文にあるものだけ書かれているのでしょうか。

[gonda310]

mobile.cssに書いていません。style.cssの方に書きました。mobile.cssのテーマへの反映がよくわかりません。mobile.cssを作っただけではテーマに反映されないことはわかっています。

Answer 1

<!-- 
<h1 class=”example”>見出し</h1>
          ↓     ↓ 全角を半角に直す         -->
<h1 class="example">見出し</h1>

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2

Comments

[gonda310]

ありがとうございます。ご指摘のところ直しましたが、スマホには作成したcssが表示されません。

[kei344]

「cssが表示」とはどういう状況でしょう。PCブラウザでは表示されているのでしょうか。

[gonda310]

pcブラウザには表示されています。