DIVのCSSクラス

css
DIVのCSSクラス

私は何かが足りないのですか。 次のCSSがあります。

        .sidebar_qustions {padding: 10px; background-color: Green;}
        div.sidebar_qustions {padding: 10px;}
        DIV.sidebar_qustions {padding: 15px;}
        DIV .sidebar_qustions {padding: 20px;}
        ul.sidebar_questions_outer { list-style: none; margin: 0px; color: Red;}
        ul.sidebar_questions_inner { list-style: none; display:inline }
        li.sidebar_questions_inner { display:inline; padding: 5px; }

以下のコードがある場合、sidebar_questions DIVのスタイルは設定されません。

divにスタイルを適用できると思ったので、上記のいくつかの方法を試しましたが、どれも機能しませんでした。 DIVにスタイルを適用することは可能ですか?

誰かが助けることができると思います。

  1  0


ベストアンサー

スタイルタグは次のようになります。

なぜ同じクラスのディレクティブを何度も書くのですか? また、「quEstions」のつづりが間違っています。

.sidebar_questions {padding: 10px; background-color: Green;}
div.sidebar_questions {padding: 10px;}
DIV.sidebar_questions {padding: 15px;}
DIV.sidebar_questions {padding: 20px;}

4


CSSにスペルミス.sidebar_questionsがあります

あなたのCSSにあなたが持っています

.sidebar_qustions

あなたのHTMLには

この種の問題のトラブルシューティングには、http://www.mozilla.com/en-US/firefox/new/ [Firefox]およびそのプラグインhttp://getfirebug.com/[firebug]を使用します。 これにより、ページの関連部分を右クリックして、適用されているスタイルを確認できます。 スタイルが表示されていない場合は、名前のつづりを間違えたか、スタイルシートを含めなかったか、この場合はスタイルシート要素の定義を間違えたことを意味します。

参考として正しいWC3推奨事項については、http://www.w3.org/TR/html40/present/styles.html#h-14.2 [こちら]をご覧ください。

3


タイトルとURLをコピーしました