CSS：不是選擇器沒有效果

Question

我想給標籤「無色」類。只有在激活了jacascript的情況下，類的no-color纔會被刪除，並且文本將被着色。我當前的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; 

    } 
} 

你的代碼找不到測量值