Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

CSS의 ID 선택기

<시간/>

요소의 id 속성을 기반으로 스타일 규칙을 정의할 수 있습니다. 해당 ID를 가진 모든 요소는 정의된 규칙에 따라 형식이 지정됩니다.

 #black {
   color: #000000;
}

이 규칙은 문서에서 id 속성이 검은색으로 설정된 모든 요소에 대해 콘텐츠를 검은색으로 렌더링합니다. 조금 더 특별하게 만들 수 있습니다. 예:

h1#black {
   color: #000000;
}

이 규칙은 id 속성이 검은색으로 설정된

요소에 대해서만 콘텐츠를 검은색으로 렌더링합니다.

id 선택자의 진정한 힘은 자손 선택자의 기초로 사용될 때입니다. 예를 들면 다음과 같습니다.

#black h2 {
   color: #000000;
}

이 예에서 모든 수준 2 제목은 id 속성이 검은색으로 설정된 태그 내에 있을 때 해당 제목이 검은색으로 표시됩니다.