html divの1つに既にスタイルを持っているタグに新しいCSSスタイルを定義するにはどうすればいいですか？

Question

私はウェブサイトを開発していますし、私はすでに、次のようにCSSスタイルシート内の<h2>のための特定のスタイルを定義した：

.body h2 {.............} 

しかし、今、私は、ウェブサイトのサイドバーにある<h2>のための別のスタイルを定義します。私は何度も次のように新しいスタイルを定義しようとしました：

div sidebar h2{.......} 

このスタイルはレンダリングされませんでした。最初のスタイルが支配的なスタイルになるたびに。どうしてか分かりません。次はあなたが

#sidebar h2{ 
} 

として「＃」のスタイルを与える必要があり、私は

<div class="body"> 
<div class="body_resize"> 
<h2> ......... </h2> 
<div class="news"> 
<div id="sidebar"> 
<h2> ................ </h2> 
</div> 
</div> 
</div> 
</div> 

Answer 1

を直面しています、問題を明確にするために私のコードの一部であるdiv要素のidを表します。

Answer 2

「サイドバー」はノード名（<sidebar></sidebar>）ではなくIDであるため、div sidebar h2{ ... }はdiv #sidebar h2である必要があります。

Answer 3

あなたがこれを使用することができるはずです。

div#sidebar h2 { ... } 

ます。また、セレクタの特異性について次のようになります。

​​