Javascript 更改父类时更改子类的css属性_Javascript_Html_Css

Javascript 更改父类时更改子类的css属性

javascript html css

Javascript 更改父类时更改子类的css属性,javascript,html,css,Javascript,Html,Css,我在另一个div中有一个div。父类有一个特定的类名，没有应用任何css。子元素应用了css，特别是它的背景色。所以看起来像这样 <div id='myparent' class='someclass'> <div id='mychild' class='somebgcolor'></div> </div> 在我的css中 .someclass .somebgcolor { background-color: #369; } .s

我在另一个div中有一个div。父类有一个特定的类名，没有应用任何css。子元素应用了css，特别是它的背景色。所以看起来像这样

<div id='myparent' class='someclass'>
    <div id='mychild' class='somebgcolor'></div>
</div>

在我的css中

.someclass .somebgcolor {
    background-color: #369;
}
.someotherclass .somebgcolor {
    background-color: #401;
}

但它不起作用。对于初学者来说，初始背景色甚至没有应用，并且在更新父div的类时也没有应用背景色。我是否缺少将css应用于嵌套元素的基本方式？

我不认为您缺少任何东西。我刚试过，效果很好：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .someOtherClass {
        background-color: yellow;
    }

    .someOtherClass .someBgColor {
        background-color: red;
    }
    </style>
</head>
<body>
    <div id="myParent" class="someClass">
        <div id='myChild' class="someBgColor">
            asdasadasd
        </div>
    </div>

    <script>
        var parent = document.getElementById('myParent');
        parent.className = "someOtherClass";
    </script>
</body>
</html>


文件
.别的班{
背景颜色：黄色；
}
.someOtherClass.someBgColor{
背景色：红色；
}
阿斯达萨德
var parent=document.getElementById（'myParent'）；
parent.className=“someOtherClass”；

它似乎对我有用。你在浏览器控制台中收到了什么样的错误消息？啊，我的错。我刚刚实现了相同的东西，但方式略有不同，但功能与问题相同，现在似乎工作正常。我不知道为什么它以前不工作，可能是我的代码中有语法错误。将+1和标记改为适合您的努力。谢谢

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .someOtherClass {
        background-color: yellow;
    }

    .someOtherClass .someBgColor {
        background-color: red;
    }
    </style>
</head>
<body>
    <div id="myParent" class="someClass">
        <div id='myChild' class="someBgColor">
            asdasadasd
        </div>
    </div>

    <script>
        var parent = document.getElementById('myParent');
        parent.className = "someOtherClass";
    </script>
</body>
</html>