这个sass声明是什么意思？

我是sass的新手，你能解释一下下面的陈述是什么意思吗

[class*='icon--']::before {
  @mixin icon;
}

这是什么意思；add to：：before pseudo使用一个类来定义所有元素，该类以icon-icon mixin开头

然后使用上述代码，如下所示：

[class*='icon--']::before {
  @mixin icon;
}

.icon--bag::before {
  content: '\e602';
}

.icon--book::before {
  content: '\e618';
}

这是否意味着上述代码将转换为此

.icon--bag::before {
  @mixin icon;
  content: '\e602';
}

.icon--book::before {
  @mixin icon;
  content: '\e618';
}

---

它选择包含图标字符串的每个类，并将图标mixin添加到它的before伪元素中

让我们假设mixin图标看起来像

@mixin icon {
  display: inline-block;
}

那么图标包就是

.icon--bag::before {
  display: inline-block; /* from the mixin */
  content: '\e602';
}