html - 选择 :not 选择器的孩子和兄弟姐妹

Question

我想在这样的文档中设置所有内容的样式：

body * { color:#000; }

但我想从某个 div 及其包含的所有内容中排除样式，所以我尝试了 not 选择器，如下所示：

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

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

Answer 1

在您给定的示例中，没有问题。由于特殊性，任何设置的样式body都不应覆盖可比较.thisdiv的样式。

Answer 2

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

你可以让它更简单，所以像这样：

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

但这与您所拥有的并不完全相同。当然，您可以使用以下命令覆盖任何主体颜色：

.thisdiv {color: #222}

无论如何，浏览器更好地支持它并且非常标准。