为什么CSS:not伪类无法正常工作? [英] Why CSS :not pseudo-class doesn't work as expected?

问题描述

考虑以下HTML:

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

按预期方式，将以下CSS颜色仅以"World"添加为红色:

Adding the following CSS colors only "World" in red, as expected:

.c .b {
  color: red;
}

但是，添加以下CSS代替用红色将"Hello"和"World"都涂成红色:

But, adding the following CSS instead colors both "Hello" and "World" in red:

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

为什么?

推荐答案

您需要这样给它:-

演示

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

伪类:不是

语法是选择器:not(){属性}

Syntax is selector:not(){ properties }

这篇关于为什么CSS:not伪类无法正常工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！