■@mixin
1回ルールを決めて色々な場所で使う
あらかじめ初期値を定義して、初期値と異なる値を指定したいときだけ値を記述
■@extend
1度作ったスタイルをそのまま使う
指定したセレクタのスタイル(定義したスタイル)を継承する
※注意※@media 内では @extend は使用できない
@extendは、子孫セレクタや子セレクタなど複数のパターンが成立する
セレクタにも使用できない(他にもあるので注意が必要)
@extendで%を使った記載方法がある
※%・・・プレースホルダーセレクタ
あらかじめ定義しておきたいが、まだ使わない場合
定義時に%を使用するとコンパイルしてもCSS側に吐き出されない。
呼び出すときも%を使用する。
%に関しては具体例がまだないので、とりあえず頭の片隅に置いておく
コンパイル
特定のプログラミング言語を用いて記述されたコンピュータープログラムを他の言語 (普通はコンピューターが実行できるバイナリ言語) を用いて記述された同じプログラムに形を変える
コンパイラーはコンパイルを実行するソフトウェア