ID 선택자

CSS ID 선택자는 요소의 id 특성 값을 비교하여, 완전히 동일한 id를 가진 요소를 선택합니다.

/* id="demo" 요소 선택 */
#demo {
  border: red 2px solid;
}

구문

#id_value { style properties }

위의 구문은 특성 선택자를 사용한 다음 구문과 동일합니다.

[id=id_value] { style properties }

예제

CSS

#identified {
  background-color: skyblue;
}

HTML

<div id="identified">특별한 ID를 가진 요소에요!</div>
<div>이건 그냥 div에요.</div>

결과

명세

Specification Status Comment
Selectors Level 4
The definition of 'ID selectors' in that specification.
Working Draft
Selectors Level 3
The definition of 'ID selectors' in that specification.
Recommendation
CSS Level 2 (Revision 1)
The definition of 'ID selectors' in that specification.
Recommendation
CSS Level 1
The definition of 'ID selectors' in that specification.
Recommendation Initial definition

브라우저 호환성

BCD tables only load in the browser