:root { scroll-behavior: auto; } 질문

[HBH15151515]

자바스크립트 스크롤 이벤트 강의보면서 아래 css를 적용하려고 했는데 
잘 적용되지 않아 질문드립니다.

:root {
   scroll-behavior: auto;
}
위 코드를 main.css 파일 맨 위에 작성했음에도 부트스트랩 css가 우선 적용됩니다...

1. 현재 구름 ide 사용 중인데 ide의 문제로 인해 그런 것인지
2. 이 문제를 해결하려면 어떻게 해결하는지

궁금합니다. 해결 방법 알려주시면 감사하겠습니다!


작성한 코드


작성한 코드 확인


부트스트랩 css가 먼저 적용된 모습

[codingapple]

그사이트 문제일 수도 있어서 
다른에디터로 해보거나 스타일뒤에 !important 붙입시다

[HBH15151515]

!important를 사용했음에도 우선 적용이 안되는 걸 보니
사이트 문제인거 같습니다...

아무래도 개발 환경부터 다시 구축해야겠네요;

답변 감사합니다!

[글쓴이]

글