Sassは非常に便利なのは重々承知です。その恩恵はありがたくいただいております。ただ個人的にはSassが優秀すぎてどこまで効率的にできるのかいまいちわかっていない部分があります。そんなわけで今回は@extendと@mixinの違いについて整理をば。 @extendの特徴 @extendが行なってくれることを一言で表すと「継承」です。つまり受け継ぐわけなんです。なにを言っているのかわからない!って僕も最初思ったので実際にコードにしてみました。 [HTML] <div class="box1">コメント表示エリア(高さ250px)</div> <div class="box2">コメント表示エリア(高さ300px)</div> [Sass] .box-base{ float: left; width: 200px; height: 200px; border:1px solid #aaa; b
![Sassにおける@extendと@mixinの違いとその使い分け - ぽんぽこ開発日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e7bbb0efbac1e73fd47c9fe5d4cac092ef68957/height=288;version=1;width=512/http%3A%2F%2Fhatenablog.com%2Fimages%2Ftheme%2Fog-image-1500.gif)