css - 无法执行`:not(.foo .bar)`

为什么我不能div:not(.wrapper2 .exception)？就是除.wrapper2 .exception之外的所有div。

http://jsfiddle.net/frank_o/4swjmhtr/

HTML：

<div class="wrapper1">
    <div>
        <p>Hi</p>
    </div>
    <div class="exception">
        <p>Hi</p>
    </div>
</div>
<div class="wrapper2">
    <div>
        <p>Hi</p>
    </div>
    <div class="exception">
        <p>Hi</p>
    </div>
</div>

CSS：

div:not(.wrapper2 .exception) {
    background: blue;
    color: white;
}

最佳答案

您不能像这样组合not()选择器，一次只能进入一个选择器。

要在.exception中选择除.wrapper2以外的所有div：

div:not(.wrapper2) div:not(.exception)

关于css - 无法执行`:not(.foo .bar)`，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25994794/