ID 선택자(ID Selectors)

CSS에서 하나의 문단만 변경하고자 할 때 ‘ID 선택자’를 이용하여 단일 요소를 선택할 수 있는데 모든 문자는 소문자료 작성하며 띄어쓰기는 공백 대신에 대시(-)’로 대체하는 표기법을 따라야 한다.

예를 들어,

HTML 코드에서는 다음과 같이 표현한다.

<p id="first-paragraph">이것은 첫 번째 문단입니다.</p>

그리고 CSS 폴더에서 지정한 ID 선택자를 이용하여 다음과 같은 코드를 입력한다.

#first-paragraph {
    color: blue;
    font-size: 18px;
}

이러한 경우에 각 문단에 CSS코드를 입력하지 않아도 ID 선택자로 필요한 경우에 텍스트 정보를 변경할 수 있다.

이러한 ID 선택자는 주요 CSS 선택자중 하나이며 ID는 고유한 이름을 할당해야 한다.

왜냐하면, 다른 요소에 동일한 ID명을 할당하게 되면 충돌이 일어나기 때문이다.