CSS를 LINK로 불러왔는데 적용이 안됩니다. 무슨 문제일까요 ?
본문
위 사진과 같은 구조이구요 !
- default.css 내용
#wrap { width: 1200px; margin: 0 auto; position: relative; background-color: #ffdb80; }
- index.php 내용
<link rel="stylesheet" type="text/css" href="css/default.css"> <div id="wrap"> 테스트 </div>
로 적용을 했는데 아무 변화가 없어 구글 개발자 모드로 확인해봐도 id 이름만 들어가있지
실제로 내용은 적용이 안되어있네요..
css파일에 넣어뒀던 스타일을 그대로 가져와서 index.php에 넣으면 잘되는데
link를 잘못쓴걸까요?
무엇이 잘못되었을까요 ? ㅜㅜ
답변 3
<link rel="stylesheet" type="text/css" href="/css/default.css">
href="/
를 추가해보세요
아무래도 바라보는 경로가 절대경로가 아닌 상대경로라서 다른곳을 찜하고 있는것 같다는 추측입니다.
혹시 실행하는경로가
localhost 하위의 디렉토리인가요?
만약 그렇다면 정상적으로 링크가 안될수있으니
위에 설명대로 css 앞에 /css 와 같이 '/'를 추가하시고 테스트해보세요
경로가 맞다면, 웹브라우저 옵션에서 캐시 삭제를 해보세요..
크롬이면 Crtl+Shift+R로 새로고침해보세요
답변을 작성하시기 전에 로그인 해주세요.