CSS에서는 .btn클래스와 .active클래스를 같이 가지고 있는 것이 있다.
SCSS에서는 &기호를 사용하여 표현한다.
&가 상위 태그로 치환이 된다.
첫번째는 .btn으로 치환되고
두번쨰는 li로 치환이 되는 것이다.
SassMeister | The Sass Playground!
SassMeister | The Sass Playground!
SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading...
www.sassmeister.com
여기에서 scss를 쓰고 css로 컴파일하는 것을 볼 수 있다.
728x90
'WEB > SASS,SCSS' 카테고리의 다른 글
| [SCSS] 중첩된 속성 (0) | 2021.04.19 |
|---|---|
| [SCSS] @at-root 중첩 벗어나기 (0) | 2021.04.19 |
| [SCSS] 중첩 (0) | 2021.04.19 |
| [SASS] 데이터 종류 (0) | 2021.04.19 |
| [SASS/SCSS] visual studio code에서 scss파일 사용하기/ parcel bundler설치 (0) | 2021.04.19 |