Question

我是SASS和编程语言的新手。

.row 
{
  @include make-row;
}

在上面的@include中，它是否等于sass中的@import函数？你能解释一下@include的功能吗？

Answer 1

@import导入整个文件，@ include包含一段@mixin代码。它允许您创建可重用的代码。

@mixin example($color, $style, $weight) {
  border: $color, $style, $weight;
  width: 100px;
  height: 100px
  padding: 10px;
}

.box { 
  @include example(#000, solid, 1px); 
}

Answer 2

在SASS @include与mixins有关，不要误解为@import，因为他们做了两件完全不同的事情。

@mixin blue-text {
    color: blue;
}
span {
    @include blue-text;
}

你最终会得到：

span {
    color: blue;
}

@include在SASS中做了什么？

2 个答案: