CSS规则排除父类

如何编写CSS规则来选择

容器内
非的所有
div.box

以下代码段不起作用，因为
div.container
中有一个不带
.container的
div


div:not（.container）.box{
背景：红色；
}
框
文本
箱
box
在某种程度上，您所要求的CSS规则有点倒退。您应该从最通用的规则开始，然后添加更具体的规则。在您的情况下，您应该执行以下操作：


/*通用框样式*/
.盒子
{
边框：1px纯黑；
}
/*集装箱中的箱子*/
.集装箱
{
颜色：蓝色；
}
通用框
我在一个容器里
如果您不想覆盖每个属性，我看到的唯一方法是为特定容器内的框指定一个附加类


.box:非（.exclude）{
背景：红色；
}
框
文本
箱
box
选择所有
div.box
或所有
div
不在
容器内？在html代码示例中，您要求选择的内容和您说希望选择的内容是不同的。也就是说，你的css选择器就是出了问题。尝试：

div.box:not(.container) {
   background:red;
}

及

框
文本
箱
箱

如果您想要所有的div，只需删除
.box
，在这种情况下，我相信您必须覆盖样式。像
.container.box{background:initial}
我知道，但是在我的例子中（有点复杂），它产生了很多排除CSS选择器。所以我想让它变得更简单。
<div class="box">box</div>
<div class="container">
    <div>txt</div>
    <div><div class="box">box</div></div>
</div>
<div class="box">box</div>