CSS에서 ID는 무엇을 의미합니까?

id는 CSS의 ID 선택기를 나타내며, HTML 요소는 id 속성을 사용하여 CSS에서 ID 선택기를 "#"으로 시작하는 방식으로 스타일을 지정할 수 있습니다. , 체커보드 숫자 또는 파운드 기호라고도 합니다.

추천: "css 동영상 튜토리얼"

CSS ID 선택기

어떤 면에서 ID 선택기는 클래스 선택기와 유사하지만 몇 가지 중요한 차이점이 있습니다.

Syntax

HTML 요소는 id 속성을 사용하여 id 선택기를 설정합니다. CSS에서 id 선택기는 "#"(체커보드 숫자 또는 파운드 기호라고도 함)으로 정의됩니다.

다음 규칙을 참조하세요.

*#intro {font-weight:bold;}

클래스 선택기와 마찬가지로 와일드카드 선택기도 ID 선택기에서 무시될 수 있습니다. 이전 예는 다음과 같이 작성할 수도 있습니다.

#intro {font-weight:bold;}

이 선택기의 효과는 동일합니다.

두 번째 차이점은 ID 선택기가 클래스 속성의 값을 참조하지 않는다는 점입니다. id 속성의 값을 참조한다는 것은 의심의 여지가 없습니다.

사용법:

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }

대소문자 구분

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

따라서 다음 CSS 및 HTML의 경우 요소가 굵게 표시되지 않습니다.

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>

문자 i의 대소문자가 다르기 때문에 선택기는 위 요소와 일치하지 않습니다.

위 내용은 CSS에서 ID는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!