[SASS/SCSS] 두 가지 주석

CSS에는 여러 줄 주석 /* */만 사용할 수 있습니다. 하지만 SASS/SCSS에서는 두 가지의 주석이 존재합니다.

한 줄 주석( // )과 여러 줄 주석( /* */ )이 있습니다. 

 

SASS

body
  background-color: #fff
  color: #000
  padding: 10px 20px

  /*
   *h1 {
   *    font-size: 20px;
   *}
  h2
    // font-size: 15px;

SCSS

SCSS는 코드 블록의 한 줄 주석이 적용되지 않으므로 사진으로 대체했습니다.

CSS(컴파일)

body {
  background-color: #fff;
  color: #000;
  padding: 10px 20px;
  /*
  h1 {
      font-size: 20px;
  }
  */
}

위에 보시는 것처럼 여러 줄 주석은 CSS에도 사용 가능한 주석이므로 컴파일해도 남아있지만 한 줄 주석은 CSS에는 없는 주석이므로 사라져서 출력하는 것을 보실 수 있습니다.