SASS '&' 기호 의미

SASS '&' 기호 의미

• 이렇게 작성된 sass 문법은

.foo {
  .bar {
    &:hover {
      color: red;
    }
  }
}

• css로 이렇게 만들어진다.

  .foo .bar:hover {
  color: red;
  }

SASS '&' 다른 예

• 이렇게 작성된 sass 문법은

.foo {
  &-bar {
    color: red;
  }
}

• css로 이렇게 만들어진다.

  .foo-bar {
  color: red;
  }

• 참고사이트 : Sass Guidelines

#sass설명 #sass가이드 #sass & #sass '&' #sass& #sass'&'