CSS가 반영되지 않음
CSS가 반영되지 않았을 때의 대처법
내가 처음으로 웹 사이트를 만들 때? 되었던 일입니다.
구구라고 해도 의외로 초보적 너무 나중에 나오지 않았기 때문에 메모해 둡니다.
배경색을 아래와 같이 하고 싶었는데...
style.css
body {
background-color: aquamarine;
}
사실 배경이 새하얀 채로 있었습니다.
검증 툴을 확인하면 스스로 설정했을 것의 기술이 상쇄되고 있었습니다.
충돌하는 것은 bootstrap의 body 태그입니다.
이 녀석을 이길 필요가 있습니다.
대처법 1 body에 클래스를 붙인다
<body class="hoge">
body.hoge {
background-color: aquamarine;
}
그러면 body.hoge가 우선 순위를 높입니다.
bootstrap을 이겼습니다.
하지만 많은 파일의 body에 클래스를 속이는 것은 귀찮습니다.
해결 방법 2 Bootstrap을 먼저 로드합니다.
질내 사정 쟌켄적인 이미지입니다.
먼저 bootstrap을, 나중에 style.css(이번에 반영시키고 싶은 파일)를 로드했습니다. 나중에 로드한 파일이 우선적으로 반영되었습니다.
<script type="text/javascript" src="./../vendor/twbs/bootstrap/dist/js/jquery-3.5.0.js"></script>
<script type="text/javascript" src="./../vendor/twbs/bootstrap/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="./../vendor/twbs/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="./../stylesheet/style.css">
대처법 1보다 간단합니다.
대처법 3!important를 붙인다
위에서 할 수 없으면이 방법입니다.
body {
background-color: aquamarine !important;
}
이 방법으로도 bootstrap을 이겼습니다.
이상이 CSS의 설명이 반영되지 않았을 때 시도한 것이었습니다.
뭔가 지적 있으면 코멘트 잘 부탁드립니다.
Reference
이 문제에 관하여(CSS가 반영되지 않음), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/phpmochi/items/a71a5a4cf64aeeee95f4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
