У меня есть div внутри другого div. у родителя есть определенное имя класса, которое специально не применяет к нему CSS. дочерний элемент имеет css, который применяется к нему, в частности, это цвет фона. так это выглядит ...изменить атрибуты css для дочернего объекта при изменении родительского класса
<div id='myparent' class='someclass'>
<div id='mychild' class='somebgcolor'></div>
</div>
, что я хочу сделать, это изменить цвет фона ребенка DIV при изменении класса родительских дел. поэтому я меняю класс родителя с этим JavaScript ...
document.getElementById('myparent').className = 'someotherclass';
и в моем CSS ...
.someclass .somebgcolor {
background-color: #369;
}
.someotherclass .somebgcolor {
background-color: #401;
}
, но он не работает. для стартеров исходный цвет фона даже не применяется, и при обновлении класса родительского div цвет фона не применяется. я пропустил что-то фундаментальное в том, как работает css для вложенных элементов?
Кажется, что работает для меня. Какое сообщение об ошибке вы получаете в консоли браузера? – Terry
https://jsfiddle.net/u2s9dg4L/1/ –