初心者です。html5 <div class="example"> <p> css div.example p {color:bule;font-size:20px;}

Question

html5 <div class="example"> <p></p> </div>

css div.example p {color:bule;font-size:20px;}

適用されません。

formタグをいじっていたら、今まで適用されていた上記が適用されなくなりました。

教えてください。よろしくお願いいたします。

Comments

[shun-K]

color:bule;　はこの通りですか？ タイプミス？

[jmsbndwo7]

blueに訂正しましたが、適用されませんでした。

[Lhankor_Mhy]

ご提示のコードを試してみましたが、適用されていました。

おそらく、ここにご提示いただいていない部分が原因だと思います。

[Daregada]

実際のHTMLファイルとCSSファイルの内容を、質問文を修正して提示しないと、誰も「ここより前のどこかが間違っているのでしょう」以上のことは言えないでしょう。

Answer 1

下記のように!importantを付けて変更されるようであれば、そのコードはあっています
そのコード以外が原因又は、そのコード以前にコード表記にエラーが有りそれ以降が読み込まれていない。

!importantで治らない場合は、コード位置（Cloor:buleなどの事）をCSSの一番前へ!iportant付きで
移動させてみてください。

それでも治らないならHTMLに問題があるかもしれないです。

http://creator.aainc.co.jp/archives/4947
このあたりの記事を見てCSSの勉強をもっと深めてください。

color:bule!important;
font-size:20px!important;

Comments

[jmsbndwo7]

color:bule!important;試しましたが、画像が全て表示されない状態になりました。
原因はわかりません。

[AMK]

一番最初にコードを移動しても同じですか？