카디미 그라운드

반응형

CSS 파일이 변경 후 적용이 안될 때


시간을 많이 잡아먹어서, 문제 해결 후 기록합니다.








<div class="row">
<div class="col-md-4">.col</div>
<div class="col-md-4">.col</div>
<div class="col-md-4">.col</div>
</div>

현재 저는 그리드를 만들려 합니다.


이 그리드에 스타일을 주기 위해 링크를 한 CSS 파일을 선택자로 수정해 주었습니다.


일단 선택이 잘 되는지 확인해보기 위해 테두리도 넣어보고 색도 아무거나 넣어봤습니다.


.row {
border: solid #2B81AF thick;
background-color: #710909;
}







그런데 결과는?





변화가 없습니다.



설정이 잘못됐을까요?


그리드에 직접 스타일을 넣어봅시다.



<div class="row" style="background-color: #00aa88">
<div class="col-md-4">.col</div>
<div class="col-md-4">.col</div>
<div class="col-md-4">.col</div>
</div>


넣고 확인해보면









잘 됩니다.



선택자 문제라 생각해서 이것저것 해보고, 안되서 검색해보니


CSS 파일 링크문제더군요.



이전에 사용한 CSS를 브라우저가 캐쉬에 보관해놓고 사용하기에

링크된 CSS 변화점을 기억하지 못하는 것이라고 합니다.





해결방법은 두가지입니다.



먼저




브라우저의 캐시를 삭제합니다. 

브라우저가 참조할 파일이 없다면 새로운 CSS를 캐시에 보관하겠죠?








다른 방법으로는

<link rel="stylesheet" href="../../resources/CSS/main.css" type="text/css" 
media="screen" title="no title" charset="utf-8"/>

제 링크 코드입니다.


이 링크코드에서


<link rel="stylesheet" href="../../resources/CSS/main.css?after" type="text/css" 
media="screen" title="no title" charset="utf-8"/>

?after 부분을 추가해줍니다.


문자열은 아무거나 상관이 없습니다.


요는 브라우저가 다른 CSS를 인식하게끔만 하면 되니까요.






반응형

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드

  1. ㅇㅇ 2018.12.06 20:09

    한 시간 동안 끙끙 앓고 있었는데 덕분에 잘 해결 되었습니다. 정말 감사합니다. :)

  2. ㅎㅎ 2019.03.21 23:20

    ?after 붙였더니 정말 바로 적용되네요!!
    좋은 글 올려주셔서 감사합니다

  3. ㅇㅇ 2019.05.26 13:08

    감사합니다!

  4. Crocus726 2019.08.04 01:51 신고

    와 ?after 붙이니까 바로 해결됩니다 ㅋㅋㅋ 서버 문제인 줄 알았는데 php는 수정하자마자 바로 적용되서 한참을 머리 쥐어뜯고 있었네요... 유용한 정보 감사합니다!

  5. 굳굳 2019.08.20 16:18

    최고예요 감사합니다

  6. ㅇㅇ 2020.04.13 12:14

    당신은...채고야....

  7. 테스트윤 2020.05.01 16:15

    와 진짜 어이가없네요.
    3시간동안 뭐가문제인지 이리저리 다뜯어고쳐가면서 얻은 결론이 css파일 수정이 안된다는거였습니다.
    인터넷 기록 삭제가 답이었다니 하.. 정말 어이가없군요 ㅠㅠ 감사합니다 ㅠㅠ

  8. 천재님 2020.08.27 12:46

    정말 너무 감사드립니다.
    PHP에서 css 수정이 안되서 뭐가 문제인지 4시간을 헤맸는데 이렇게 간단하다니 ㄷㄷ

    정말 감사드립니다.

  9. qweasd 2020.09.21 00:13

    아이고 감사합니다

  10. Joonon 2020.10.04 17:49 신고

    정말 감사합니다 아무리 고쳐봐도 잘못된게 없는데 왜 안되지 했는데 캐쉬 문제였군요...!!!

  11. nwh1124 2021.01.26 18:26 신고

    감사합니다.

  12. 감사합니다ㅠ 2021.05.09 18:54

    정말 감사합니다..

  13. 최고 2021.05.18 12:41

    와 정말 너무 감사해요!!!
    제가 딱 지금 뭐지뭐지?? 하고 계속 검색했는데!!
    너무너무 감사합니다!

  14. 음.. 2021.05.23 21:25

    음... 첫번째 방법은 맨날하기는 귀찮고.. 두번째 방법을 써도 적용이 되지 않습니다..