CSS 전처리 도구
공식문서
SCSS : 기존의 CSS와 호환이 되어 있어 사용이 용이함.
SASS : 들여쓰기로 코드들을 구분함.
SCSS는 표현(괄호,세미콜론) 이외에 기능은 Sass와 같음.
유일하게 다른 내용은 Mixins
less
, stylus
도 있지만 CSS와의 호환을 고려해서 SCSS(Sass)사용.npm init -y
npm i -D parcel-bundler
- script 수정
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
},
npm run dev
>
- 자식선택자&
- 상위 선택자 참조