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