为什么CSS:不是伪类不能按预期工作？

Question

请考虑以下HTML:

<div class="a">
    <div class="b">Hello</div>
  </div>
  <div class="c">
    <div class="b">World</div>
</div>

正如预期的那样,将以下CSS颜色仅添加为红色的"World":

.c .b {
  color: red;
}

但是,添加以下CSS会将"Hello"和"World"颜色改为红色:

:not(.a) .b {
  color: red;
}

为什么？

Answer 1

你需要像这样给: -

演示

div:not(.a) .b {
  color: red;
}

伪类:没有

语法是selector:not(){properties}