How do i get the same object with a class in SCSS?

Question

I have this code:

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

That gives me this

input[         


        

Answer 1

You're looking for the parent selector (&):

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