상위(부모) 선택자 참조

2523 단어 scssscss

&: 상위 선택자 참조

  • 자신이 포함된 영역의 상위 선택자를 참조
  • 상위 선택자가 하위 선택자에 & 기호로 치환됨

ex 1)

.btn {
  position: absolute;
  &.active {
    color: red;
  }
}

.list {
  &:last-child {
    margin-right: 0;
  }
}
  • 변환된 CSS

ex2)

.fs {
  &-small { font-size: 12px; }
  &-medium { font-size: 14px; }
  &-large { font-size: 16px; }
}
  • 변환된 CSS

switch문 if문 비교
SpringBoot 빠른 어플리케이션 구축 방법 소개

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage