CSS：没有选择器没有效果

Question

我想给标签“无颜色”这个类。只有激活了jacascript，才会删除类无颜色并且文本应该着色。我目前的CSS不起作用。这是一个示例代码。我不需要为p-tag添加类的解决方案，因为这只是一个示例代码。 js fiddle

SASS

:not(.no-color) {
 p {

color: red;

 }
}

HTML

<div class="no-color">
  <p>hello world</p>
</div>

Answer 1

只需将div添加到您的选择器DEMO

即可

div:not(.no-color) {
  p {
    color: red;
 }
}

或纯粹的CSS div:not(.no-color) p

div:not(.no-color) p {
  color: red;
}

<div class="no-color">
  <p>hello world</p>
</div>
<div>
  <p>hello world</p>
</div>

Answer 2

在div

之前使用:not选择器

   div:not(.no-color) {
      p {
        color: red;
      }
     }

请参阅小提琴：https://jsfiddle.net/on9oh2zd/4/

Answer 3

你应该像这样添加div：

div:not(.no-color) {
  p {

    color: red;

  }
 }

您的代码找不到耐心