Html CSS:not选择器没有效果

Html CSS:not选择器没有效果,html,css,sass,Html,Css,Sass,我想给标签类无颜色。只有在激活Javascript时,才会删除类无颜色,并且文本应着色。我当前的CSS不工作。这里是一个示例代码。我不需要向p-tag添加类的解决方案,因为这只是一个示例代码 无礼 HTML 你好,世界 只需将div添加到选择器中即可 或者在纯CSS中是div:not(.no color)p div:not(.no color)p{ 颜色:红色; } 你好,世界 你好,世界 只需将div添加到选择器中即可 或者在纯CSS中是div:not(.no color)p div

我想给标签类
无颜色
。只有在激活Javascript时,才会删除类
无颜色
,并且文本应着色。我当前的CSS不工作。这里是一个示例代码。我不需要向
p-tag
添加类的解决方案,因为这只是一个示例代码

无礼

HTML


你好,世界


只需将
div
添加到选择器中即可

或者在纯
CSS
中是
div:not(.no color)p

div:not(.no color)p{
颜色:红色;
}

你好,世界

你好,世界


只需将
div
添加到选择器中即可

或者在纯
CSS
中是
div:not(.no color)p

div:not(.no color)p{
颜色:红色;
}

你好,世界

你好,世界


之前使用
div
选择器:不

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

查看小提琴:

:not
之前使用
div
选择器

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

查看小提琴:

您应该像这样添加div:

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

    color: red;

  }
 }

您的代码找不到度量值

您应该像这样添加div:

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

    color: red;

  }
 }

您的代码找不到度量值

您正在小提琴中使用未编译的SASS,这就是它无法工作的原因。你试过编译它吗?你在小提琴中使用了未编译的SASS,这就是它不起作用的原因。你试过编译它吗?