@include是什么意思

来源:3-18 sass内置函数(2)

慕雪9296518

2020-07-23 14:41:21

如题

写回答

1回答

好帮手慕夭夭

2020-07-23

同学你好,@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;

}

如果我的回答帮到了你,欢迎采纳,祝学习愉快~


0

0 学习 · 10739 问题

查看课程