Wie bekomme ich das gleiche Objekt mit einer Klasse in SCSS?

Ich habe diesen Code:

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

Das gibt mir das

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

Wie bekomme ich so etwas?

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

Antworten auf die Frage(1)

Ihre Antwort auf die Frage