小编Ros*_*ost的帖子

尝试编译 SASS 代码时出错

我使用 Sass 来设置样式。当我尝试编译这部分代码时:

.heart {
  width: $size * 2;
  height: $size * 1.65;
  cursor: pointer;

  &:before {
    position: absolute;
    content: "";
    left: $size;
    width: $size;
    height: $size * 1.65;
    background: #fff;
    border-radius: 50px 50px 0 0;
    transform: rotate(-45deg);
    transform-origin: 0 100%;
  }
  &:after {
    @extend .heart:before;
    left: 0;
    transform: rotate(45deg);
    transform-origin :100% 100%;
  }
}
Run Code Online (Sandbox Code Playgroud)

我收到这条消息:

@extend .heart:before;
Error: compound selectors may longer be extended.
Consider `@extend .heart, :before` instead.
See http://sass-lang.com/documentation/file.SASS_REFERENCE.html#extending_compound_selectors for details.

@extend .heart:before;
Run Code Online (Sandbox Code Playgroud)

它不能使用终端进行编译,但可以使用 Prepros 应用程序进行编译并按预期工作。有什么想法为什么当我尝试使用命令编译时它不起作用sass …

sass

3
推荐指数
1
解决办法
4659
查看次数

标签 统计

sass ×1