ホームページ  >  記事  >  ウェブフロントエンド  >  「div#xxxx{color:blue;}_html/css_WEB-ITnose」について

「div#xxxx{color:blue;}_html/css_WEB-ITnose」について

WBOY
WBOYオリジナル
2016-06-24 11:45:411644ブラウズ

この書き方を見ると、Web初心者でよく分かりません。そうすると、div#xxxxという書き方は、div要素を意味するのでしょうか? ID が xxxx ですが、ID の一意性が確認されています。前の div は重複しているように見えますか?


ディスカッションへの返信(解決策)

前の div は省略可能ですが、書いても問題ない場合があります

div#box {
color: red;
}

==>
このセレクターを満たす要素:
1. DIV 要素
2. ID が "box"

もちろん、#box { color: blue; に別のセレクターがある場合は、 }
div#box { color: red; } の重み (優先度) は #box { color: blue; } より大きいです
したがって、div の最終的なコンテンツの色は "red" になります

両方ともありがとう、理解しました。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。