변경된 CSS가 적용되지 않을 때

아니 아무리 봐도 맞는데 CSS가 적용되지 않는 탓에 2시간을 날렸다;;

원인은 이전 CSS를 브라우저는 다운로드를 받아 캐시에 보관해놓고 사용하기 때문에
변경된 CSS를 알아차릴 방도가 없었던 것이다.

쉽게 말하자면,

<link rel="stylesheet" type="text/css" href="style.css" />

수정을 해도 CSS파일명은 style.css로 동일하기때문에 브라우저는 변경됐을거라 생각할 길이 없는 것..

해결방법 1

간단하게 브라우저의 캐시를 삭제하면 된다.

해결방법 2

<link rel="stylesheet" type="text/css" href="style.css?after" />

?after를 추가해 변경된 css파일임을 인식시켜주는 방법이다.
'?' 뒤에는 어떠한 텍스트가 와도 상관없다.