Html 如何为存在的一个类编写CSS选择代码，甚至为其他几个类中的一个类编写CSS选择代码？

我有以下代码：

btn {
    &.answered {
        color: #bbb;
    }
}

我如何修改此选项，使颜色仅在有

应答
类且没有
btn成功
或
btn危险
或
btn警告
类时设置为#bbb

我确实意识到，我可以通过在该代码之后添加
btn success
、
btn danger
和
btn warning
类来实现这一点，但我确实希望找到一个选择器来为我实现这一点，因此它不依赖于其他类的位置
 您应该链接
：而不是像下面代码段中那样的
伪选择器。当它没有其他3个类中的任何一个时，这将选择该按钮。换句话说，这相当于排除存在x、y或z的所有元素

btn {
    &.answered:not(.btn-success):not(.btn-danger):not(.btn-warning) {
        color: #bbb;
    }
}

代码更少：

按钮{
.回答{
&：不（.btn成功）：不（.btn警告）：不（.btn危险）{
颜色：红色；
}
}
}

基于编译输出的演示：


按钮。回答：不（.btn成功）：不（.btn警告）：不（.btn危险）{
颜色：红色；
}
点击我
点击我
点击我
点击我
点击我
点击我
点击我
单击“我”
您应该链接
：而不是像下面代码段中那样的
伪选择器。当它没有其他3个类中的任何一个时，这将选择该按钮。换句话说，这相当于排除存在x、y或z的所有元素

代码更少：

按钮{
.回答{
&：不（.btn成功）：不（.btn警告）：不（.btn危险）{
颜色：红色；
}
}
}

基于编译输出的演示：


按钮。回答：不（.btn成功）：不（.btn警告）：不（.btn危险）{
颜色：红色；
}
点击我
点击我
点击我
点击我
点击我
点击我
点击我
单击我
为什么不将它们合并成
&。回答：不（.btn成功）：不（.btn危险）：不（.btn警告）
？因为我认为这三个类不会同时出现，它们不应该出现。但是我已经像你所说的那样编辑了这个问题，所以不管哪种方式都可以。你为什么不把它们合并成
&。回答：不（.btn成功）：不（.btn危险）：不（.btn警告）
？因为我认为这三个类不会同时出现，它们不应该出现。但是我已经像你所说的那样编辑了这个问题，所以不管哪种方式都可以。