Sass 소스는 컴파일을 거쳐 브라우저가 읽는 CSS가 된다

변수와 중첩은 개발 편의 문법이며 브라우저에는 최종 선택자와 값만 전달된다.

source

SCSS 작성

변수·mixin·중첩으로 규칙을 조직

compile

Sass 변환

문법을 표준 CSS 선택자와 값으로 펼침

bundle

파일 결합

import 경로와 자산 URL을 배포 형태로 정리

browser

CSS 적용

cascade·상속·specificity로 최종 스타일 계산

핵심중첩이 깊어지면 생성된 선택자의 결합도가 커진다. 컴파일 결과를 함께 확인한다.