为什么有了mixin还需要extend呢?二者的不同之处在于编译完成后的css写法不同,extend产生的css更为简洁,相对而言mixin会产生大量重复,extend更有利于缩减css的大小。如:
使用mixin:
.my-inline-block() {Output:
使用extend:
.my-inline-block {output:
.my-inline-block, .thing1, .thing2 {一目了然吧。
另外,extend可以看作是mixin的一种更高级的替代方式,原因是mixin只能被用于简单的选择器,而例如这类情况:有两个html代码块,你想在这两个代码块中使用相同的样式,此时就可以使用extend将他们联系起来。
本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。