CSS 변경 사항이 반영되지 않습니다. 왜?

Question

<p>저는 웹사이트를 개발 중인데 CSS 파일에 새로운 줄을 추가할 때마다 제가 만든 줄을 사용하지 않으려고 합니다. </p> <p>그래도 괜찮을 것 같아요. </p> <pre class="brush:php;toolbar:false;">.what-new { 패딩:2em 0 4em; 텍스트 정렬:가운데; } .what-new h3 { 글꼴 크기:4em; 글꼴 두께:700; 색상:#000; 여백:0.5em 0;</pre> <p>예를 들어보세요. </p> <p>CSS 파일이 어떤 시점에서는 작동했지만 어느 시점에서 내 파일에서 작동이 중단되었습니다. 그러나 <strong>head</strong>에 링크되어 있습니다. </p> <pre class="brush:php;toolbar:false;"><link rel="stylesheet" href="style/css_2-play.css" type="text/css"/></pre> ; <p>내 HTML 코드는 다음과 같습니다(코드의 일부일 뿐입니다). </p> <pre class="brush:php;toolbar:false;"><div class="what-new"> <div class="컨테이너"> <h3>새로운 기능</h3> <div class="blog-news"> <div class="blog-news-grid"> <div class="news-grid-left">

06

2015년 1월

Answer 1

이는 CSS 규칙이 적용되지 않거나 CSS 파일이 캐시됨 을 의미합니다.

가능한 이유는 다음과 같습니다:

브라우저의 개발자 도구(F12로 열기)를 통해 규칙이 어떻게 적용되는지 확인하세요.

팁: CSS 패널에서 규칙은 중요도 내림차순으로 나열됩니다.

유효성 검사기를 사용하세요.

CTRLF5을 눌러 브라우저 캐시 리소스를 강제로 새로 고치세요.

팁: 이 Q&A에서는 이 주제를 살펴봅니다.

주소 표시줄에 정적 리소스의 URL을 입력하고 CTRLF5을 눌러 서버에 캐시된 리소스 that 페이지(예: CSS 파일)를 강제로 새로 고칩니다.

팁: CSS 파일의 URL을 빠르게 열려면 브라우저의 개발자 도구에서 새 탭에서 링크 열기를 사용하거나 소스 보기를 사용하여 열린 HTML에서 CSS 링크를 클릭하세요.

Answer 2

CSS 파일에서 {를 끄는 것을 잊었습니다. 이것이 모든 코드가 페이지에 표시되지 않는 이유입니다.