CSS 속성은 대소문자를 구분하나요?

CSS 속성은 대소문자를 구분하지 않습니다. 왜냐하면 CSS 태그 선택기와 속성 선택기는 대소문자를 구분하지 않지만, 클래스 선택기와 ID 선택기는 문서 언어에 따라 대소문자를 구분할 수 있기 때문입니다.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

Q: CSS는 대소문자를 구분하나요? (CSS는 대소문자를 구분하나요?)

이 질문은 대답하기 쉽지 않습니다.

일부 책에서는 CSS가 대소문자를 구분하지 않는다고 하지만 이 설명은 실제로 그렇게 엄격하지 않습니다. ID 선택자와 클래스 선택자는 대소문자를 구분하고 선택자는 CSS의 백본이기 때문입니다.

예를 들어, 다음 코드

<p class="box"></p>
<p id="case"></p>

<style>
  /*有效*/
  p {
    width: 100px;
    height: 100px;
    border: 1px solid;
  }

  /*无效*/
  .Box {
    background: red;
  }
  
  /*无效*/
  #Case {
    background: blue;
  }
</style>

는 "css video tutorial"

위 코드의 효과입니다.

선택기:

• ID 및 클래스 선택기는 대소문자를 구분합니다.
• 태그 선택기와 속성 선택기는 대소문자를 구분하지 않습니다.

클래스 선택기와 ID 선택기는 대소문자를 구분할 수 있습니다. 이는 문서의 언어에 따라 다릅니다. HTML과 XHTML은 클래스와 ID 값을 대소문자를 구분하여 정의하므로 클래스와 ID 값의 대소문자가 문서의 해당 값과 일치해야 합니다.

—— W3C

에서는 소문자 사용을 권장합니다.

위 내용은 CSS 속성은 대소문자를 구분하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!