@import 'scssファイル名'
/*xxx.scss*/ a { 記述A &:hover { 記述B } }
a{ 記述A } a:hover { 記述B }
$変数名:値;の形式で宣言。 使うときは以下のように$変数名を入れれば良い。 background-color: $変数名;
a { @if 条件式1 { 記述1 } @elif 条件式2 { 記述2 } @else { 記述3 } }
@mixin 関数($引数) { 記述 } の形で定義し、 要素等 { @include 関数名(値); } の形で呼び出す。
要素1 { 記述A } 要素2 { @extend 要素1 記述B } とすると、要素2は要素1の記述+記述Bのような形となる。