假设我有以下SCSS文件内容:
#id1 .class1 {
input {
padding: 4px;
border: 0px none;
&:disabled {
color: red;
}
}
}
// .... other scss settings
.class2 #id2 .class3 {
input {
padding: 4px;
border: 0px none;
&:disabled {
color: red;
}
}
}
字符串
正如你所注意到的,有重复的定义。那么基本上我怎么能写下面的伪代码呢
$var1: input {
padding: 4px;
border: 0px none;
&:disabled {
color: red;
}
}
#id1 .class1 {
$var1
}
// .... other scss settings
.class2 #id2 .class3 {
$var1
}
型
有可能以某种方式做到这一点吗?
1条答案
按热度按时间gwo2fgha1#
您正在寻找的是
@mixin
:字符串
CSS输出
型
如果你不想复制样式,另一种可能性是使用
@extend
和placeholder selector:型
CSS输出
型