ホームページ >ウェブフロントエンド >htmlチュートリアル >css スタイルが機能しない??要素セレクターよりも ID セレクターの優先度が高くありませんか? _html/css_WEB-ITnose
css スタイルが機能しない??要素セレクターよりも ID セレクターの優先度が高くありませんか? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:57:081440ブラウズ
コードを見てください
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">div{display:inline;width:100px;height:100px;padding:0;margin:0;float:left;}#div0{ width::400px;height:200px; background-color:black;display:block;float:none;}.div1{ background-color:red;}.div2{ background-color:blue;}.div3{ background-color:yellow;}</style></head><body><div id="div0"> <div class="div1"> 1</div> <div class="div2"> 2</div> <div class="div3"> 3</div></div></body></html> レンダリング:
css の定義によれば、div1、div2、div3 はすべて横に配置されるはずですよね？レンダリング効果が垂直になるのはなぜですか?アドバイスをください
ディスカッションに返信（解決策）
めまいがする！ width の後に余分なコロンがあります。したがって、CSS は機能しません
これは、Dreamweaver にコードチェックがないことの欠点です VS を使用すると、すぐにエラーがわかります
#div0 スタイルの幅に余分なコロンがあることもわかりました。
さて、誰もポイントを受け取りたくないですか?そうでない場合は、全員が上の階に送られます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。