CSS가 작동하지 않는 이유는 무엇입니까

CSS가 작동하지 않는 이유: 1. 연결된 외부 스타일 시트가 없습니다. 2. 저장된 스타일 시트의 인코딩이 잘못되었습니다. 3. 잘못 작성된 속성 이름을 포함한 구문 오류입니다. 속성 값 및 기호 사용 중국어 또는 전각 기호 및 html 태그가 완전히 작성되지 않았습니다. 5. 스타일이 계단식으로 작성되었습니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

페이지를 작성할 때 가끔 내가 작성한 CSS 스타일이 적용되지 않는 경우가 있습니다. CSS 스타일이 적용되지 않는 문제를 어떻게 해결할 수 있나요? CSS 스타일이 작동하지 않는 일반적인 이유는 무엇입니까? CSS 스타일이 작동하지 않는 이유를 살펴보겠습니다.

작동하지 않는 CSS 스타일 문제를 해결하는 단계:

먼저 캐시를 지우고 브라우저를 다시 시작해 보세요. 그래도 작동하지 않으면 추가 문제 해결을 수행하세요.

그런 다음 다음 문제 해결 프로세스를 따르십시오.

다음은 문제 해결 및 수정 방법입니다.

다시 한 번, 문제 해결 전에 캐시 지우기, 브라우저 다시 시작 등을 시도해 보십시오. 실패할 경우 추가 문제 해결을 진행하십시오. . 아무 잘못도 하지 않았지만 캐시나 브라우저 문제로 인해 발생한 것일 수도 있습니다. 재설정하면 문제가 해결될 수도 있습니다.

CSS 스타일이 작동하지 않는 일반적인 이유:

1. 외부 스타일 시트가 연결되지 않았습니다.

이것은 매우 말문이 막히는 오류이지만 실제로 이전에 직면한 적이 있으며 열심히 노력했습니다. 코드를 완성한 후 어떤 스타일도 적용되지 않는다는 것을 발견했고, 오랫동안 어리석게 작업했는데, 마침내 그 당시에는 외부 스타일을 연결하는 것을 잊어버렸다는 것을 알게 되었습니다. .

모든 스타일이 적용되지 않으면 먼저 스타일 시트가 연결되어 있는지, 또는 연결된 스타일의 위치와 이름이 올바른지 확인하세요

<link rel="stylesheet" href="css/index.css"/>

2. 저장된 스타일 시트의 인코딩이 잘못되었습니다

CSS 테이블의 인코딩이 잘못된 것으로 의심되는 경우 CSS 파일을 UTF-8 인코딩 파일로 직접 저장할 수 있습니다.

3. 선택자가 잘못 작성되었습니다

• 여러 태그, 클래스 이름, ID 등이 포함된 하위 선택 등을 작성합니다. 하위 선택자의 순서와 이름이 잘못 작성되면 오류가 발생할 수 있습니다.

• html의 태그에 클래스 이름과 ID를 쓰는 것을 잊어버렸고, 셀렉터는 이러한 누락된 클래스 이름, ID 등을 사용하므로 자연스럽게 스타일이 적용되지 않습니다.

• 후손 선택자는 공백으로 작성되나요?

• p.box{}와 같은 선택자가 p .box{}로 작성되는지, 즉 공백이 하나 더 작성되는지

4, 문법 오류

Google Chrome의 개발자 도구를 예로 들면 일반적인 문법 오류는 스타일에 줄이 그어져 표시되고, 스타일 왼쪽에 아이콘 프롬프트가 표시되며, 마우스가 그 안으로 이동되었습니다. 아래 그림에 표시된 대로:

일반적인 문법 오류는 다음과 같습니다.
1. 잘못된 속성 이름, 속성 값이 사양을 준수하지 않습니다.
2. 다음 기호는 중국어 또는 전자 기호를 사용합니다. 3. HTML 태그가 완전하지 않거나 "<" 또는 ">"가 누락되었습니다.

5. 스타일이 계단식으로 표시됩니다.

계단식으로 인해 발생하는 경우 스타일의 우선순위를 높여야 합니다.

일반적으로 사용되는 방법은 다음과 같습니다: 선택기에 요소를 추가하여 특이성을 높이거나 다음과 같이 스타일 세미콜론 앞의 공간에 !important를 추가합니다.

，；｛｝：

(동영상 공유 학습:

css 동영상 튜토리얼

)

위 내용은 CSS가 작동하지 않는 이유는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!