Question

我正在努力让SASS做一些类似于编程中的抽象超类的东西。我到了超类部分

.box {
  @include span-columns(1);
  @include border-radius(5px);
  height: 360px;
  overflow: hidden;
}


article {
  @extend .box;
}

figure {
  @extend .box;
}

这是一种定义框的共性而不会在生成的CSS中复制它们的方法，就像mixin一样。但是，这个解决方案具有为（CSS）类“框”定义规则的缺陷，我并不真正需要它。

可以肯定的是，这是一个小问题，我仍然想知道是否有办法将“.box”转换为仅在SASS预处理期间使用且不出现在CSS中的标签。

Answer 1

您想使用%代替.

来定义“超类”

%box {
  @include span-columns(1);
  @include border-radius(5px);
  height: 360px;
  overflow: hidden;
}

article {
  @extend %box;
}

figure {
  @extend %box;
}

请注意，这需要版本3.2 +

抽象的超类

1 个答案: