プログラミングの学習ならUdemyがおすすめです!詳細はこちら

SCSS擬似要素の書き方

SCSSの擬似要素の書き方についてご紹介致します。

SCSS擬似要素の書き方

cssの場合

a{
background: #000;
}

a::before{
content: "";
}

SCSSの場合

a {
        background: #000;
    }

    &:before {
        content: "";
    }

    &:after {
        content: "";
    }
}

簡単ですね。hoverと一緒で&をつけるだけです。

hoverの書き方はこちら

SCSS,hoverの書き方

 

コメントを残す

メールアドレスが公開されることはありません。