CSS - SCSS

SCSS란?

SASS의 3버전에서 등장, CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 SASS의 모든 기능을 지원하는 CSS의 상위집합

SCSS는 웹 개발에서 사용되는 스타일 시트 언어중 하나로, CSS의 확장버전

- 구문 스타일

• Scss : {} 중괄호 와 , ; 세미콜론을 사용

.background {
  width: 100px;
  float: left;
  li {
    color: red;
    &:last-child {
     background-color:yellow;
    }
  }
}

• Sass : 중괄호가 아닌 들여 쓰기를 사용

.background 
  width: 100px;
  float: left;
  li 
    color: red;
    &:last-child 
     background-color:yellow;

- 장점

• css와 비슷한 문법으로 구조화 가능
• 가독성과 재사용성이 높아졌고, 따라 유지보수도 쉬움
• 다양한 문법들이 존재
• 변수를 사용해서 중복된 css 값을 관리 가능