CSS 네스팅(Nesting)은 어떤 선택자 내부에 다른 선택자를 넣어서 계층적인 스타일이 가능케하는 문법입니다. 예전에는 SCSS, SASS, LESS와 같은 CSS 전처리기를 사용해야 쓸 수 있던 기능이 었지만, 최근에는 CSS 표준에도 CSS Nesting이 정식으로 도입되어 Vanilla CSS에서도 사용이 가능해졌습니다.

이번 포스팅에서는 CSS Nesting을 왜 사용해야하고 어떻게 사용하는지에 대해서 알아보겠습니다.

📝 포스팅: https://www.daleseo.com/css-nesting/

본 포스팅은 CSS 선택자(selector)와 결합자(combinator)에 대한 기본적인 이해가 필요합니다. 관련해서는 제가 별도의 게시물에서 다루고 있으니 아래 링크를 참조 바랍니다.

📕 CSS Nesting으로 선택자 중첩하기: https://careerly.co.kr/comments/106255

📗 CSS 결합자(combinator)로 선택자 조합하기: https://careerly.co.kr/comments/107107