选择孩子和兄弟姐妹：不是选择器

Question

我想在这样的文档中设置样式：

body * { color:#000; }

但是我想从某个div和它拥有的所有内容中排除样式，所以我尝试了这样的not选择器：

body *:not(.thisdiv *) { color:#000; }

它似乎不起作用，我还能尝试什么？

Answer 1

在您给出的示例中，没有问题。在body上设置的任何样式都不应因{1}而覆盖.thisdiv上的可比样式。

Answer 2

运行一些测试，我发现:not似乎不适用于body元素，除非我遗漏了某些内容。

你可以保持简单，所以像这样：

div:not(.thisdiv) {color: #000;}

但这与你所拥有的不完全相同。当然，您可以使用以下方法覆盖任何车身颜色：

.thisdiv {color: #222}

无论如何，浏览器更好地支持

并且非常标准。