Возможно ли изменение css div(a) при определенных условиях?

Question

[Андрей]

Верстаю шаблон для Joomla. Один пункт меню отображает материалы категории в виде блога. В дизайне background-color родительского div блога и страницы материала отличаются. Вопрос мой звучит так: Возможно ли смена css родительского div (в моем случае это div с class="content-center"), при условии появления внутри этого div другого дива с определенным классом?
Сейчас код выглядит таким образом:
Код страницы блога -

<div class="content-center">
<div class="c-left-col"></div>
<div class="c-right-col"></div>
</div>

Код страницы материала -

<div class="content-center">
<div class="c-left-col"></div>
<div class="c-right-col"><div class="item-page"></div></div>
</div>

Comments

[Андрей Федоров]

Дурацкий вопрос. Что значит при появлении внутри этого div другого div? Каким образом он там появляется?

[Андрей]

Андрей Федоров: поработайте с joomla или с любой другой cms. Возможно, поймете.

[Андрей Федоров]

Я сегодня терпелив. Перефразирую вопрос: При каких условиях дочерний div появляется?

зы: В общем нет времени ждать очередного хамского ответа. Подумате при каком условии этот div появляется, повесьте на это условие js, который менятет css родителя, при условии что id дочернего элемента присутствует на странице.

[Андрей]

Андрей Федоров: Спасибо за конструктивный ответ. Я не компетентен в данной области, именно поэтому был задан вопрос. Я задал, Вы ответили, за что и спасибо.

[Андрей Федоров]

Черт. ) Это я свой вопрос дурацким обозвал, а не ваш. Недоразумение. Прошу прощения.

[Андрей]

Андрей Федоров: все нормально. Весьма конструктивный диалог! =)

[Андрей Федоров]

Ну и славно. Удачи.

Answer 1

[Андрей Федоров]

Набросал кое-то codepen.io/aliencash/pen/KpMMKQ

Если раскоментировать <div id="show" class="item-page"></div> и кликнуть на content-center, то его background изменится.

Пока id="show" закомментирован, можно кликать сколько угодно, фон меняться не будет.

Заментированние/раскоментирование div - это эмуляция его появления или исчезновения в результате работы cms.

Comments

[Андрей]

Очень благодарен Вам за представленный вариант. Попробую внедрить его к себе в шаблон. Еще раз спасибо!

Answer 2

[Денис Малиночкин]

Сейчас никак не обойтись без JavaScript, так как селектор :has сейчас нигде не поддерживается. Подробнее о CSS селекторах 4-го уровня. Ссылка на черновую спецификацию.

Я бы советовал поставить условную конструкцию в шаблоне на стороне CMS или использовать раздельные шаблоны для этих страниц, ибо ради такого JS не пишется.

Comments

[Андрей]

Спасибо большое. Попробую реализовать.

Answer 3

[Максим Тимофеев]

перекройте родительский div жирным бордером, по сути сделайте имитацию того, что Вам надо. По сути решений много. Главное понять, что Вы ожидаете увидеть.