メニュー

WEBMEMOする。とあるクリエイターの個人的な備忘録。

SASS・SCSSでコメントアウトしたい時、CSSと同じく「/*〜*/」で挟んだ部分をコメントできるのはもちろん、jsのように「//」でもコメントアウトできますよね。

これってどっちも同じただのコメントアウトだと思っていたのですが、実はこの二つには違いがあるようです。

目次

    CSSにコンパイルした後に残るかどうか

    違いはコンパイル後に現れます。

    「/*〜*/」でコメントアウトした場合は、コンパイル後のCSSにも残り、「//」でコメントアウトすると、コンパイル後には消えています。

    例えば、次のような感じです。

    /*ヘッダー*/
    header{
      a{
        color:#000;
      }
    }
    //フッター
    footer{
      a{
        color:#000;
      }
    }
    
    -----コンパイル後----
    
    /*ヘッダー*/
    hader a{color:#000}
    footer a{color:#000}
    

    このように、「/*〜*/」でコメントアウトした「ヘッダー」という文字のみ、コンパイル後も反映されています。

    なのでCSSファイルのサイズを小さくするのであれば、できるだけ「//」でコメントアウトした方がいいでしょう。

    - Thank you for reading this to the end. -

    コメントする

    CAPTCHA


    TOPへ Top