SCSS Ampersand使用错误

Question

我一直没有使用SCSS很长时间，所以我不明白为什么我在下面的示例中遇到错误。它在Codepen中运行良好，但是当我把它放在我的流星项目中时，我得到一个错误。

.hover {
  &:extend(.post-module:hover all)
  .post-content {
    .description {
      display: block !important;
      height: auto !important;
      opacity: 1 !important;
    }
  }
}

使用SCSS验证器时收到的错误如下：

  

解析错误.hover：extend（.post-module：hover all）.post-content   .description {第1行第15行的预期RPAREN。

我怎么错过右括号？我只是不明白。

Answer 1

您在&:extend(.post-module:hover all)后错过了分号：

.hover {
    &:extend(.post-module:hover all);
    .post-content {
        .description {
            display: block !important;
            height: auto !important;
            opacity: 1 !important;
        }
    }
}