css - SCSS Extending one class with another

Question

I have this code

input {
     border:1px solid black;
     color:#FFF;
}

and this one

.input {
     padding:0px 5px 0px 3px;
 }

how in result in SASS/SCSS to get

input.input

to apply .input class for input tag (without spaces between!)

Answer 1

在 scss 中使用它

input {
     border:1px solid black;
     color:#FFF;
    &.input {
         padding:0px 5px 0px 3px;
     }

}

会变成css

input {
     border:1px solid black;
     color:#FFF;
}
input.input{
    padding:0px 5px 0px 3px;
}