1. ホーム
  2. inheritance

[解決済み] SCSS で別のクラスをインクルードする

2022-03-14 09:32:43

質問

私のSCSSファイルにはこのようなものがあります。

.class-a{
  display: inline-block;
  //some other properties
  &:hover{
   color: darken(#FFFFFF, 10%);
 }  
}

.class-b{

 //Inherite class-a here

 //some properties
}

クラス-bでは、プロパティとネストされた宣言をすべて継承したい。 class-a . これはどのように行うのでしょうか?私は @include class-a が、これではコンパイル時にエラーが出るだけです。

解決方法は?

見た目は @mixin@include は、このような単純なケースでは必要ありません。

ひとつは、ただできること。

.myclass {
  font-weight: bold;
  font-size: 90px;
}

.myotherclass {
  @extend .myclass;
  color: #000000;
}