style.cssをスマホに反映させる方法

Question

wordpressのtwenty twelveを使用しています。
スマホ用のcssを作成したいです。ただgoogle先生に聞いてもいい回答が得られませんでした。
mobile.cssを作成しcssを読み込んでいる<link rel=”stylesheet”から始まる記述を編集する方法を思いついたのですが、 twenty twelveにはcssを読み込んでいる<link rel=”stylesheet”から始まる記述がどこにありません。
従来の子テーマのstyle.cssを編集する方法で今やっていますが、例えばこのhtmlとcssを

<h2 class="example">見出し</h2>

.example{color:fff;
}

スマホで見ると、h2はスマホに反映されて文字が黒くなりますがexampleのcssはスマホに反映されず字が白になりません。
スマホにcssを反映させるにはどうすればいいですか?

Comments

[Lhankor_Mhy]

同じ内容の質問を複数建てることは推奨されていませんので、削除願います。

[gonda310]

すみません。削除しますがこれでいいのですか?もしよければその前の質問で答えてください。@media screen and (max-width: 640px) { .example｛background:000000;｝ }

[Lhankor_Mhy]

たぶん違うんじゃないかな、と思っていますが、ソースがないのでわかりかねます。

[gonda310]

使っているテーマはtwenty twelveです。Lhankor_Mhyさんの回答で質問を閉鎖します。

[Lhankor_Mhy]

繰り返しになりますが、ソースがないのでわかりかねます。CSSはその要素の祖先要素により影響を受けます。その要素の指定だけを見ても言えることはありません。

[gonda310]

わかりました。閉鎖します。

Answer 1

.example{color:#fff;}
でないか？カラーコードの表記ミス。

なお、ネット検索で「wordpress スマホ テーマ 切り替え」
とかやれば、パソコン向けとスマホ向けでテーマを切り替える方法を教えてくれる記事が見つかるので、
テーマやスタイルシートのいじり方が不安なら参考にするといいかも。