我喜欢将BEM用于我的CSS,我喜欢通过LESS的extend()
函数应用修饰符。
例如:
.btn{
width: 100px;
&--blue:extend(.btn){
color: blue;
}
}
第一个问题:为什么我不能用这样的快捷方式&
来编写它?
.btn{
width: 100px;
&--blue:extend(&){
color: blue;
}
}
第二个问题:如何在其他较少的文件中调用生成的类名,如:
.btn{
width: 100px;
&--blue:extend(.btn){
color: blue;
}
}
////
.myCustomButton{
.btn--blue;
}
感谢。