Sass 使用:not()选择器时,情感嵌套选择器编译为不同的格式

Sass 使用:not()选择器时,情感嵌套选择器编译为不同的格式,sass,emotion,css-in-js,Sass,Emotion,Css In Js,请看这个比较 1. 此代码 从“@emotion/css”导入{injectGlobal}; 注入全球` .全球{ .警卫{ 颜色:红色; } } `; 将这种全球风格注入头部 .global.guard{ 颜色:红色; } 现在,如果我添加:not()选择器 2. 从“@emotion/css”导入{injectGlobal}; 注入全球` .全球{ :不是(.guard){ 颜色:红色; } } `; .global:不是(.guard){ 颜色:红色; } 这就是我想要的。全局:不

请看这个比较

1. 此代码

从“@emotion/css”导入{injectGlobal};
注入全球`
.全球{
.警卫{
颜色:红色;
}
}
`;
将这种全球风格注入头部

.global.guard{
颜色:红色;
}
现在,如果我添加
:not()
选择器

2.
从“@emotion/css”导入{injectGlobal};
注入全球`
.全球{
:不是(.guard){
颜色:红色;
}
}
`;
.global:不是(.guard){
颜色:红色;
}
  • 这就是我想要的
    。全局:不是(.guard)
  • 这是情感do
    。全局:非(.guard)
  • 如何将情绪编译为
    。全局:非(.guard)