[프론트엔드][일반] CSS 스타일이 안 먹을때 - 소스 숨은 그림 찾기 해보고, 캐시 삭제, !important 등 했는데도

 

생초보인 나.

아무리 짧디 짧은 소스를 디벼보고, 소스 한 줄씩 지워가며 실행해보고, !important도 넣어보고 했는데도, 스타일 안 먹는다. 아무리 눈을 씻고 봐도 소스는 다 정상으로 보이는데 왜 안 먹을까...... 

고구마를 먹고 먹먹한 그 때, 머리 속에 한줄기 빛이 나를 스쳐지나갔으니!

 

vscode 왼편 탐색기를 살펴보자..........

 

 

 

저 한 눈에 들어오지도 않는 미묘한 층이 느껴지는가....

그렇다..

같은 폴더에 있는게 아니라 HTML파일이 하나 상위 폴더에 위치하고 있었던 것.

 

파일을 새로 만들어 작성하다보면 가끔 이 폴더 저 폴더 비슷할때 한 단 상위나 혹은 다른 곳으로 들어갈 때가 있다.

 

저 두 파일을 만들어 저장하면서 같은 레벨에 두지 못해, 

다시 말해 한 폴더 안에 들어있지 않게 구조가 되어버리자

스타일 링크를 잘 걸어도 CSS스타일이 안 먹은 것이었다.

 

자자, 이것도 저것도 문제가 없어보이면 

에디터 탐색기를 보든지 파일 탐색기를 열어 HTML파일과 CSS파일이 같은 폴더 안에 들어있나 보자!!