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

Question

我有这段代码：

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;
    }
}