TIL. SCSS 20200709

d·2020년 7월 10일
0

SCSS, SASS

css파일을 scss로 converter하는 법을 배웠다.

부모가 되는 요소 밑에 자식 요소를 작성해주면 된다.

scss를 사용하는 이유

네스팅 기능이 있다. 네스팅 기능이란,
서브루틴 안에 또다른 서브루틴을 짜는 것과 마찬가지다.

example)

  1. 예시 1
    CSS파일은 다음과 같다.

해당 CSS파일을 SCSS로 변환하면,

  1. 예시 2

    CSS파일은 다음과 같다.

SCSS파일은 다음과 같다.

profile
d

0개의 댓글