0

我想要这个输出，当我把我的输入输入到 Sassmeister 时传递：

.brand-kampagne-klick, .brand-kampagne-klick-1 {
  margin-top: 3rem;
}
.brand-kampagne-klick img, .brand-kampagne-klick-1 img {
  width: 100%;
}
.brand-kampagne-klick .beispiel-brand-kampagne, .brand-kampagne-klick-1 .beispiel-brand-kampagne {
  margin-top: 3rem;
}

.brand-kampagne-klick-1 .brand-kampagne-right {
  margin-top: 1rem;
}

但相反，我的输出是：

.brand-kampagne-klick, .brand-kampagne-klick-1 {
  margin-top: 3rem; }

  .brand-kampagne-klick img, .brand-kampagne-klick .brand-kampagne-klick-1 {
    width: 100%; }

  .brand-kampagne-klick .beispiel-brand-kampagne, .brand-kampagne-klick .brand-kampagne-klick-1 {
    margin-top: 3rem; }

.brand-kampagne-klick-1 .brand-kampagne-right {
  margin-top: 1rem; }

因为.brand-kampagne-klick是一个伪类（我想用 % 声明不适用于扩展）没有任何样式被应用。

我的输入是：

.brand-kampagne-klick {
  margin-top: 3rem;
  img {
    width: 100%;
  }
  .beispiel-brand-kampagne {
    margin-top: 3rem;
  }
}

.brand-kampagne-klick-1 {
  @extend .brand-kampagne-klick;
  .brand-kampagne-right {
    margin-top:1rem;
  }
}

gulp-sass 和 sassmeister 有区别吗？我用"gulp-sass": "~1.1.0",.

4

0 回答 0