Ориентация несколько элементов с одним классом

Question

У меня есть следующий код:

#bottom p, h3 { 
     color: red; 
} 

Я просто хочу, чтобы сделать h3 в DIV с классом #bottom быть красным. Но все мои h3-теги теперь красны по всей странице. Как этот тег h3 предшествует идентификатору #bottom, должны ли это быть не только теги h3 в этом div, которые изменяются на красный?

Интересно, что у меня есть другие теги <p> в моем html и код css для этих <p> тегов цвета белый, и они не покраснели.

Answer 1

Вы должны делать:

#bottom p, 
#bottom h3 { 
    color: red; 
} 

Это цель всех h3 элементов в узле с идентификатором bottom.

Ваши p теги работают должным образом, как ваше правило CSS #bottom p уже с указанием правила должны применяться для p тегов внутри узла с идентификатором bottom.