抽象的超类

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+版本