Проблемы стиля заголовка CSS

Question

Мне кажется, что ответ на этот вопрос, вероятно, очень прост, но я честно борюсь с этим.

У меня есть веб-страница, на которой все заголовки должны быть синего цвета, поэтому я добавил это в свою таблицу стилей:

h1, h2, h3, h4, h5, h6 {
color: blue;
}

Однако на одной странице будет 5 разных div, в которых цвет заголовка должен быть другим, поэтому я попробовал это:

#divname h1, h2, h3, h4, h5, h6 {
color: green;
}

Однако все заголовки на странице становятся зелеными, а не только заголовки в div. Возможно, мои CSS-способности все еще немного заржавели, но что я здесь не так делаю. Веб-сайт, который я редактирую, довольно старый и к нему применен какой-то архаичный CSS. Может ли он как-то конфликтовать со старым CSS?

Спасибо!

Answer 1

Запятая начинает совершенно новое имя тега, поэтому вам придется сделать это:

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
  color: green;
}

Answer 2

Трудно сказать наверняка, не видя остальную часть CSS, но это одна проблема:

#divname h1, h2, h3, h4, h5, h6 {
color: green;
}

Измените это на:

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
color: green;
}

Каждый бит внутризапятые оценивается отдельно.В первой версии вы выбирали все h1 внутри #divname, все h2, все h3 и все h4, и так далее.

Answer 3

Попробуйте

#divname h1, #divname h2, #divname h3, #divname h4, #divname h5, #divname h6 {
  color: green;
}