[에러 해결] CSS 적용이 안되는 현상 해결

이클립스로 개발을 하다가 CSS가 바로 적용이 안되는 문제가 생길 때가 있다. 내 케이스엔 문제가 두 가지였는데,

 

1) 이전에 사용한 CSS를 브라우저가 캐쉬에 보관해놓고 사용하는데 링크된 CSS 변화를 알아채지 못하는 문제.

2) 부트스트랩 CSS가 내 CSS를 override한 문제

 

해결 방법은 아래와 같다. 

 

1) 캐시 문제

  a. 캐시 무시하고 새로고침
      맥에서는 shift + command + R을 누르면 되는데, 내 경우는 여러번 누르다 보면 적용 됐다.

  b. 브라우저 캐시 삭제

      브라우저 설정 창에서 캐시 삭제

  c. 다른 css파일로 인식

      html의 css link 태그 href 값 뒤에 '?아무문자'를 추가하고 저장하여 다른 css 파일로 인식하게 만드는 것 

 

2) Override문제

  a. 내가 작성한 css 링크 태그를 부트스트랩 링크 태그 밑에 달기