WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

会員限定 @extend

@extendとは？
@extendと@mixinの使用シーンの違い

@extendとは？

@extendは、スタイルの重複を避けコードを効率的に再利用できるようにするために使用されます。
簡単に言うと、あるスタイルを別のスタイルに「引き継がせる」ことができる機能です。

基本的な使い方

@extendは、指定したクラスのスタイルを他のクラスに「引き継がせる」ため、同じスタイルを複数回書く必要がなくなります。
これにより、コードが簡潔に保たれ、スタイルの重複が減ります。

使用例

Sassコーディング

全 9 動画

会員限定Sassとは
04:26
会員限定ターミナルについて
05:08
会員限定Sassのインストール
04:42
会員限定Sassの書き方
02:35
会員限定ブラウザで表示
01:58
会員限定変数
03:38
会員限定@mixin / @include
03:27
会員限定@extend
03:51
会員限定演算
02:54

次のコースへ

jQuery