SCSS

CSS를 좀더 쉽고 간단하게 만들수있는 extenstion language다.
당연히 SCSS 파일자체는 브라우저가 해석할수 없기때문에 CSS로 compile이 필요하다.
scss,css compile 검토 site

중첩

텍스트SCSS를 통해 선택자를 중복해서 사용하지 않아도 된다.

SCSS에서 중첩

.container {
  ul {
    li {
      font-size: 40px;
      .name {
        color: royalblue;
      }
      .age {
        color: orange
      }
    }
  }
}

CSS compile

.container ul li {
  font-size: 40px;
}
.container ul li .name {
  color: royalblue;
}
.container ul li .age {
  color: orange;
}