说到@include 得先看@mixin

@mixin 与 @include

    @mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。

    @include 指令可以将混入（mixin）引入到文档中。

demo:

1.创建一个名为 "important-text" 的混入

@mixin important-text {
  color: red;
  font-size: 25px;
  font-weight: bold;
  border: 1px solid blue;
}

2.包含 important-text 混入代码

.danger {
  @include important-text;
  background-color: green;
}

3.将以上代码转换为 CSS 代码

.danger {
  color: red;
  font-size: 25px;
  font-weight: bold;
  border: 1px solid blue;
  background-color: green;
}

4.混入中也可以包含混入

@mixin special-text {
  @include important-text;
  @include link;
  @include special-border;
}

具体深入自行研究吧 我也是了解基础