css 적용 안 되는 현상

작성일자: 2022년 12월 16일

👀문제 정의

🤦‍♂️관련된 사실 수집

❓원인 & ✔해결방법

Ref

👀문제 정의

모바일 반응형을 붙이는 과정에서 반응형 css(media.css)가 적용이 안 되는 현상이 발생함

🤦‍♂️관련된 사실 수집

• 개발자도구 네트워크 탭에서 css 파일은 잘 불러오고 있음 → css 파일을 못 불러오는 문제는 아님

❓원인 & ✔해결방법

a.css b.css 파일이 있을 때 이 두 파일들에는 body{}의 스타일을 적용하는 코드가 있는데 나중에 로드된 css파일의 우선순위가 더 높다.

→ 나중에 로드되는 css 파일의 우선순위가 더 높아 media.css 파일의 위치를 제일 하단으로 변경해주니 잘 되었다.

Ref

link1

퍼블 받은 파일에서는 css가 잘 먹히는데 왜 내 프로젝트에서는 안 먹히는 건지 진짜 답답했는데 꼬박 하루 삽질하고 날렸다😢

Uploaded by N2T