CSS Nesting(중첩) 문법에서 & 기호의 역할은?
쉬움 MDN Web Docs해설
CSS 네이티브 중첩에서 &는 부모 선택자를 참조합니다. .card { & .title { color: red; } }는 .card .title { color: red; }와 같습니다. &:hover처럼 가상 클래스와 결합하거나, .parent & 형태로 부모를 뒤에 배치할 수도 있습니다. Sass/SCSS 없이도 중첩 스타일이 가능합니다.
CSS 네이티브 중첩에서 &는 부모 선택자를 참조합니다. .card { & .title { color: red; } }는 .card .title { color: red; }와 같습니다. &:hover처럼 가상 클래스와 결합하거나, .parent & 형태로 부모를 뒤에 배치할 수도 있습니다. Sass/SCSS 없이도 중첩 스타일이 가능합니다.
