SASS의 중첩 임포트

일반적으로 @import는 문서의 시작 부분에서 사용되지만, SASS 전처리기는 원하는 파일의 어느 부분에나, 심지어는 선택자 내부에 파일을 임포트하는 것을 허용합니다.

다음 예제를 살펴보겠습니다:

main.scss.active {
  color: blue;
}

이를 style.scss 파일로 임포트해 보겠습니다:

style.scssdiv {
  @import "main";
}

이제 컴파일 결과를 살펴보겠습니다:

style.cssdiv .active {
  color: blue; 
}

navbar.scss.link {
  color: red;
  font-size: 12px;
}