Область применения класса css, примененного к div?

Question

Я хотел бы применить специальный стиль к разделу страницы на моем веб-сайте.

Я подумал, что, определяя что-то вроде этого:

h2.privacy_policy { 
    color: #456123; 
    padding: 10px 20px 30px 40px; 
    margin: 40px 30px 20px 10px; 
} 

и применяя класс к оберточной div:

<div class='privacy_policy'> 
    <h2>Some text etc</h2> 
    <p>More text ...</p> 
    ... 
</div> 

моделирование будет применяться к вложенной h2 выше, но Firebug говорит меня нет, стиль не применялся.

Какова область применения класса к div? Применяется ли это к закрытым элементам? Имею ли я неправильные ожидания? Я делаю это неправильно (если да, то каково решение)? Правильно ли я делаю это, и должно быть что-то еще (если да, на что я должен смотреть?)? Благодарю.

Answer 1

неправильный заказ селектор ... Вы хотите

div.privacy_policy h2 

, что у вас есть

h2.privacy_policy 

матчи только h2 элементы с классом privacy_policy явно заданной

P.S. использовать двойные кавычки для атрибутов тегов HTML, т.е. <div class="privacy_policy">, а не <div class='privacy_policy'>

Answer 2

CSS-что совпадает с вашей HTML:

h2.privacy_policy {} 

или в HTML, который соответствует вашему CSS:

<h2 class="privacy_policy">Text</h2> 

В основном, Представьте, что каждое пространство является новым уровнем иерархии. Итак, h2 .privacy_policy соответствует descendant из h2, который имеет класс privacy_policy, а h2.privacy_policy соответствует h2 с классом privacy_policy.

Answer 3

h2.privacy_policy означает "только h2 элементы с классом privacy_policy"