[8주차] 4-3. id 선택자***

id 선택자

특정 태그에 id 속성값으로 id를 붙여주고, 이 id로 지정할 범위를 선택하는 것을 id 선택자라고 한다.

클래스 선택자와 구분되는 점으로 중복되는 id를 지정할 수 없으며, 이 이유로 단 1개의 요소에만 적용할 때 사용된다.

중복이 존재한다고 오류는 나지 않지만 사용해야 하는 방식을 따르자.

#box1 {

}

...

<h3 id="box1">재료-4인분 기준</h3>

id 선택자의 잘못된 사용(class 선택자와 id 선택자의 차이)

아래와 같이 같은 요소들이 존재할 때, 그중 하나의 요소에 대해서만 단 하나의 id를 부여해야 한다.

<!-- id의 올바르지 못한 사용 예시, 이렇게 중복지정을 하고 싶다면 class 선택자를 사용하자  -->
<p id = ggg> abcdefg </p>
<p> abcdefg </p>
<p id = ggg> abcdefg </p>

사용예시