Javascript CSS以子元素为目标，但不影响应用它的元素

这可能是一个愚蠢的问题，也许我已经站得太久了，但是有没有办法向元素添加一个类，让它只影响元素的子元素

$（'#添加'）。单击（函数（）{
$（'.parent'）。追加（“”）；
});
$（'#bg'）。单击（函数（）{
$（'.child'）.css（'background-color'，'orange'）；
});
.parent{
背景颜色：黄色；
边框：2件纯黑；
高度：200px；
宽度：300px；
}
.孩子{
高度：15px；
宽度：280px；
边框：1px纯黑；
边缘顶部：10px；
边缘底部：10px；
左边距：5px；
背景色：白色；
}

添加另一个更改背景
使用css如下

.parent .child {
   // your css  here
}

此css将应用于所有具有父类的元素，父类为parent
使用css，如下所示

.parent .child {
   // your css  here
}

此css将应用于具有父类的所有元素，父类为parent
将类添加到
.parent
div并使其影响子元素：


$（'#添加'）。单击（函数（）{
$（'.parent'）。追加（“”）；
});
$（'#bg'）。单击（函数（）{
$（'.parent'）.addClass（'orange-bg'）；
});
.child{
高度：15px；
宽度：280px；
边框：1px纯黑；
边缘顶部：10px；
边缘底部：10px；
左边距：5px；
背景色：白色；
}
.家长{
背景颜色：黄色；
边框：2件纯黑；
高度：200px；
宽度：300px；
}
.parent.orange-bg.child{
背景颜色：橙色
}

再加一个
改变背景
将类添加到
.parent
div并使其影响子类：


$（'#添加'）。单击（函数（）{
$（'.parent'）。追加（“”）；
});
$（'#bg'）。单击（函数（）{
$（'.parent'）.addClass（'orange-bg'）；
});
.child{
高度：15px；
宽度：280px；
边框：1px纯黑；
边缘顶部：10px；
边缘底部：10px；
左边距：5px；
背景色：白色；
}
.家长{
背景颜色：黄色；
边框：2件纯黑；
高度：200px；
宽度：300px；
}
.parent.orange-bg.child{
背景颜色：橙色
}

再加一个
改变背景
是的，但是如果没有在附加函数连接中使用类动态创建div，它将不会应用，但是如果没有在附加函数连接中使用类动态创建div，它将不会应用OP最初不想影响所有子级，只有在背景改变之后。OP说“所有未来动态创建的div”OP最初不想影响所有的孩子，只是在背景改变之后。OP说“所有未来动态创建的div”的.parent.orange-bg.child语法正是我想要的。我的程序比我给出的示例更复杂，而且我有大量的类和ID，所以我很难对所有这些都了如指掌。谢谢。parent.orange-bg。child语法正是我想要的。我的程序比我给出的示例更复杂，而且我有大量的类和ID，所以我很难对所有这些都了如指掌。谢谢