• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

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

23.04.26 14:14 작성 23.04.26 14:16 수정 조회수 233

2

 

@layer base {
  #__next {
    display: contents;
  }
}

#__next를 레이어 두어 스타일링 명시도를 낮춘 것에 대한 이유가 궁금합니다.

혹시 next.js 내부에서 (프레임워크 내부에서) id : __next 를 스타일링하면 내가 작성한 코드보다 우선시 되도록 하기 위함인가요??

답변 1

답변을 작성해보세요.

3

안녕하세요ㅎㅎ

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

감사합니다 :)

박제영님의 프로필

박제영

질문자

2023.05.02

강사님 채고임니다