Sass(SCSS) Comments /**/ and //

Comments

Sass는 여러줄 주석과 한줄 주석 모두 지원합니다. 여러줄 주석은 CSS 파일로 컴파일 시 출력되지만, 한 줄 주석은 제거되어 출력되지 않습니다.

• Sass

    /* This comment is
     * several lines long.
     * since it uses the CSS comment syntax,
     * it will appear in the CSS output. */
    body { color: black; }
  
    // These comments are only one line long each.
    // They won't appear in the CSS output,
    // since they use the single-line comment syntax.
    a { color: green; }

• CSS

    /* This comment is
     * several lines long.
     * since it uses the CSS comment syntax,
     * it will appear in the CSS output. */
    body {
      color: black; }
  
    a {
      color: green; }

• 한 줄 주석은 CSS 파일로 컴파일 시 출력되지 않습니다.

여러줄 주석의 첫 번째 문자가 !일 때, 주석은 압축 출력 모드에서도 항상 CSS 출력으로 랜더링 됩니다. 이는 생성된 CSS 파일에 저작권 관련 사항을 추가하는데 유용합니다.

• Sass

    $version: "1.2.3";
    /* This CSS is generated by My Snazzy Framework version #{$version}. */

• CSS

    /* This CSS is generated by My Snazzy Framework version 1.2.3. */