変数と似ているのですが、発展させたのが、継承になります。
変数は1つの設定でしたが、継承機能では、複数のプロパティを継承することができます。
.parent {
color: red;
font-size: 16px;
}
.child {
@extend .parent;
}
上記コードにて、@extend
ディレクティブを使用して、.childクラスは.parentクラスのスタイルを継承しています。.childクラスのcolorはredになり、font-sizeは16pxになります。便利ですね。慣れないと変数や関数は戸惑いますが、覚えてしまうと非常に便利です!
以上、全てではないですが、Sassの主なメリットをみてきました。これからはSassを使おうと思ったのでした。