globalStyle 때문에 ol태그가 적용 안될 때

Next.js에서 개인정보 수집 정책 페이지를 만들고 있었다.

위와 같이 코드를 작성하였지만 ol태그가 적용되지 않았다. (숫자 안나옴)

코드를 뒤져보니 globalStyle.tsx의 reset때문이었다.

 

reset을 지우니 다른 페이지의 스타일이 모두 무너졌기 때문에, reset을 지우진 못했다.

 

!important 를 쓰긴 싫어서 고민하다가 더 좋은 방법이 떠올랐다.

스타일드컴포넌트로 Ol을 정의한 후 사용하였다.