1

私はSASSにプログラミングの抽象的なスーパークラスに似た何かをさせようとしています。私はスーパークラスの部分まで取得しています

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


article {
  @extend .box;
}

figure {
  @extend .box;
}

これは、ミックスインの場合のように、生成された CSS でボックスを複製せずに、ボックスの共通性を定義する方法です。ただし、このソリューションには、(CSS) クラスの「ボックス」のルールを定義するという欠点があります。

確かに、これは小さな問題ですが、「.box」を SASS の前処理中にのみ使用され、CSS には表示されないラベルにする方法があるかどうかを知りたいです。

4

1 に答える 1

6

%の代わりに を使用して「スーパークラス」を定義したい.

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

article {
  @extend %box;
}

figure {
  @extend %box;
}

これにはバージョン 3.2+ が必要であることに注意してください

于 2012-10-13T22:22:46.797 に答える