Inflearn Community Q&A
asked
스타일링 명시도 질문 (@layer)
Resolved
Written on
·
284
·
Edited
2
@layer base {
#__next {
display: contents;
}
}#__next를 레이어 두어 스타일링 명시도를 낮춘 것에 대한 이유가 궁금합니다.
혹시 next.js 내부에서 (프레임워크 내부에서) id : __next 를 스타일링하면 내가 작성한 코드보다 우선시 되도록 하기 위함인가요??
seonext.jsvercelcsrssgssr
Answer 1
3
vroomfan
Instructor
안녕하세요ㅎㅎ
우선순위보다는 가독성을 염두에 두고 작성한 코드였습니다.
보통 global css에서는 html, body, css reset 등을 다루는 경우가 대부분인데, Next.js 에서는 __next 라는 id를 가진 element도 추가로 다뤄야했습니다. 따라서 '#__next'는 따로 layer를 만들어 시각적으로 구분지어서, 일반적인 global css와 다른 점을 드러내고자 했습니다.
감사합니다 :)
강사님 채고임니다