Scssで&を使って記述を短縮する

Yukimi Sato 154views 更新:2014年7月2日

通常時は

a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

と別々に記述しているところも、

a{
text-decoration:none;

    &:hover{
    text-decoration:underline;
    }
}

&を使ってこう記述することで、同じ内容で出力することができます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません