[SCSS]작성법 2 - 선택자 중첩하여 작성하기

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 1 - 변수 사용하기

 

보통 CSS를 작성할 때는 아래와 같이 작성합니다.

nav {

  width:100%; 

  height: 50px;

}

nav ul{

  list-style: none;

}

nav ul li {

  display: inline-block;

}

SASS로 작성할 때는 아래와 같이 중첩해서 작성 할 수 있습니다 

nav {

  width : 100%;

  height : 50px;

  ul {

    list-style : none;

    li{

      display : inline-block;

    }

  }

}

 

2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 3 - mixin 이용하기 (@mixin @include)