如何在SCSS中使用类获取相同的对象？

我有这个代码：

input[type="text"] { color: red; .blue { color: blue; } } 

这给了我这个

 input[type="text"] { color: red } input[type="text"] .blue { color: blue; } 

我怎么得到这样的东西？

 input[type="text"] { color: red } input[type="text"].blue { color: blue; } 

Answer 1

您正在寻找父选择器 （ & ）：

 input[type="text"] { color: red; &.blue { color: blue; } }