Блог

Я разрабатываю веб-сайт, и я уже определил определенный стиль для <h2> внутри таблицы стилей CSS следующим образом:

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

Но теперь я хочу определить другой стиль, для <h2> которого он находится на боковой панели веб-сайта. Я много раз пытался определить для него новый стиль следующим образом:

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

Но этот стиль не отображался. Каждый раз первый стиль является доминирующим стилем. Я не знаю почему. Следующее является частью моего кода, чтобы прояснить проблему, с которой я столкнулся

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

Проблема в том, что это div sidebar h2{ ... } должно быть div #sidebar h2 связано с тем, что «боковая панель» — это не имя узла ( <sidebar></sidebar> ), а идентификатор.

Вы должны быть в состоянии использовать это:

 div#sidebar h2 { ... }
  

Вы также должны прочитать о специфике селектора:

http://www.w3.org/TR/CSS2/cascade.html#specificity

Вы должны указать стиль как

 #sidebar h2{
}
  

«#» представляет идентификатор для div.