@keyframes 中的 SCSS @extend 不起作用答案

【问题标题】：SCSS @extend in @keyframes is not working@keyframes 中的 SCSS @extend 不起作用
【发布时间】：2020-08-08 02:23:08
【问题描述】：

我试图创建两个关键帧动画来替换伪元素的内容属性。不幸的是，看起来 SCSS 的 @extend 功能在 @keyframes 中不起作用。我错过了什么吗？

代码：（open 动画不起作用，close 起作用）。

@keyframes open {
  0% {
    @extend .icon-after-arrow-down;
  }
  50% {
    color: transparent;
  }
  100% {
    @extend .icon-after-arrow-up;
  }
}

@keyframes close {
  0% {
    content: '\e905';
  }
  50% {
    color: transparent;
  }
  100% {
    content: '\e902';
  }
}

【问题讨论】：

@extend 是当你需要链接类时，你应该在这种情况下使用 mixins。

标签： css sass css-animations extend

【解决方案1】：

由@Arkellys 的评论解决 “@extend 是当你需要链接类时，你应该在这种情况下使用 mixins。”

【讨论】：