かすみん日記

暇なときに何か喋ります

2021-08-16から1日間の記事一覧

scssのパーセント記号(%)

sassのソースにあるパーセント記号%は、cssにコンパイルすると消えますが@extendで継承はできます。 html: <div class="color1"> red </div> <div class="color2"> red </div> <div class="color3"> blue </div> scss: %color0 { color: blue; } .color1 { color: red; } .color2 { @extend %color1; } .color3 { @extend %color; }