☰

SCSSに別のクラスを追加する 質問する

tag-icon • tag-icon inheritance sass
SCSSに別のクラスを追加する 質問する

私の SCSS ファイルには次の内容が含まれています:

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

.class-b{

 //Inherite class-a here

 //some properties
}

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

ベストアンサー1

このような単純なケースでは@mixin、 とは必要ないようです。@include

次のようにするだけです:

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

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

おすすめ記事