我喜欢将类从Bootstrap,Materializecss等库扩展到我自己的类中的想法,例如:
a-btn-green {
@extend .btn;
background-color: green;
}
a-btn-yellow{
@extend .btn;
background-color: yellow;
}
将它包含在HTML中不仅实用且易读,这限制了元素上使用的类的数量,而且还创建了一个抽象级别。因此,如果我们有时会更改CSS库,则只需更改自己的类以自定义它们以适应新库。
但是,据我了解,这种扩展很容易使代码膨胀。有人对此有任何指导或意见吗?