SCSS将一个类扩展为另一个类

Question

我有这段代码

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

和这一个

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

如何获得SASS / SCSS

input.input

为输入标记应用.input类（在！之间没有空格）

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