상위(부모) 선택자 참조
& 기호를 이용하여 자신이 포함된 상위 선택자를 참조할 수 있다.
- :hover, :checked, :not(&) 등의 가상클래스에 사용된다.
- :after, :before 등의 가상요소에 사용된다.
- 언더바(_), 하이픈(-) 등의 클래스명의 접속사에 사용한다.
- 상위 선택자가 &기호로 치환된다.
- ex> .btn 선택자가 &와 치환되서 CSS에서 .btn.active가 되는 것을 알 수 있다.
- 다양한 옵션을 생성할 때 사용하면 좋다.
프론트엔드 4년차