더북(TheBook)

5.1.3 아이디 선택자

아이디 선택자는 HTML 태그에서 사용할 수 있는 id 속성값을 이용해 선택자를 지정하는 방법입니다. 이때 속성값 앞에는 # 기호를 붙여 구분합니다.

형식

#id속성값{/* CSS 코드 */}

id 속성값이 title인 요소의 텍스트 색상을 초록색으로 지정하고 싶다면 다음과 같이 작성합니다.

05/01/id_selector.html

<style>
  #title{
    color:green;
  }
</style>
(중략)
<h1 id="title">아이디 선택자</h1>  
<p>아이디 선택자는 id 속성값을 이용해 선택자를 지정하는 방법입니다.</p>

 

id 속성값이 title인 요소에 적용

Note id 속성값은 고유해야 합니다.

HTML에서 id 속성값은 하나의 HTML 문서 안에서 고유한 값이어야 합니다. 예를 들어, A.html에 id 속성값이 title인 태그가 있다면 A.html에서는 더 이상 태그의 id 속성값을 title로 지정할 수 없습니다. 단, B.html과 같은 다른 페이지에서는 가능합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.