@include是什么意思
来源:3-18 sass内置函数(2)
慕雪9296518
2020-07-23 14:41:21
如题
1回答
同学你好,@include是将混入(mixin)引入到文档中。示例:
定义一个混入colorstyle,且有两个参数,即$color和$width,这个混入是用来设置边框的
@mixin colorstyle($color, $width) {
border: $width solid $color;
}
有一个box元素想要使用混入,来设置边框,就要通过@include调用colorstyle,并传入实际的参数
.box {
@include colorstyle(blue, 1px); // 调用混入,并传递两个参数
}
上面代码编译之后就是如下:
.box{
border: 1px solid blue;
}
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题