&nbsp;<pre class="hljs"><code class="language-scss">@layer base {
 #__next {
 display: contents;
 }
}</code></pre>#__next를 레이어 두어 스타일링 명시도를 낮춘 것에 대한 이유가 궁금합니다.혹시 next.js 내부에서 (프레임워크 내부에서) id : __next 를 스타일링하면 내가 작성한 코드보다 우선시 되도록 하기 위함인가요??

안녕하세요ㅎㅎ우선순위보다는 가독성을 염두에 두고 작성한 코드였습니다. 보통 global css에서는 html, body, css reset 등을 다루는 경우가 대부분인데, Next.js 에서는 __next 라는 id를 가진 element도 추가로 다뤄야했습니다. 따라서 '#__next'는 따로 layer를 만들어 시각적으로 구분지어서, 일반적인 global css와 다른 점을 드러내고자 했습니다.감사합니다 :)

인프런 커뮤니티 질문&답변

스타일링 명시도 질문 (@layer)