如何让CSS:not（）选择器影响所有子节点？

请看这个最小的例子

.global:不是（.guard）{
颜色：红色；
}

我在外面守卫

我是内卫。


我是守卫里面的一个街区。


我也想要黑色的。


我怎样才能做到呢？

由于继承了
颜色
，请对
使用另一个规则：


.global:不是（.guard）{
颜色：红色；
}
.global:not（.guard）p{
颜色：黑色；
}

我在外面守卫

我是内卫。


我是守卫里面的一个街区。


我也想要黑色的。


我怎样才能做到呢？

由于继承了
颜色
，请对
使用另一个规则：


.global:不是（.guard）{
颜色：红色；
}
.global:not（.guard）p{
颜色：黑色；
}

我在外面守卫

我是内卫。


我是守卫里面的一个街区。


我也想要黑色的。


我怎样才能做到呢？

如果我正确理解了您试图实现的效果，您可以使用以下两个选择器来实现它：

.global {
  color: red;
}

.global .guard {
  color: black;
}

在这种情况下，实际上根本不需要
：not（）
伪选择器


工作示例：


.global{
颜色：红色；
}
.全球警卫{
颜色：黑色；
}

我在外面守卫

我是内卫。


我是守卫里面的一个街区。


我也想要黑色的。


我怎样才能做到呢？

如果我正确理解了您试图实现的效果，您可以使用以下两个选择器来实现它：

.global {
  color: red;
}

.global .guard {
  color: black;
}

在这种情况下，实际上根本不需要
：not（）
伪选择器


工作示例：


.global{
颜色：红色；
}
.全球警卫{
颜色：黑色；
}

我在外面守卫

我是内卫。


我是守卫里面的一个街区。


我也想要黑色的。


我怎样才能做到呢？