SASS(scss) 문법 #1_ Nesting(중첩)

Nesting (중첩)

계층적으로 상속되는 CSS를 더욱 계층적으로 보이게 만드는 기능으로 중괄호가 겹쳐져서 작성됩니다.

관련 요소들을 그룹화 하여 보다 깔끔해지고 중복을 최소화합니다.

// scss
nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  li {
  	display: block;
  }
  
  a {
    display: blick;
    padding: 6px 12px;
    text-decoration: none;
  }
}