selector 선택자 - id(#), class(.)

HTML에서 id와 클래스 속성은 HTML 문서에서 요소를 식별하고 CSS를 사용하여 스타일을 적용하는 데 사용된다.

id 속성은 페이지의 특정 객체에 고유 식별자를 제공하는 데 사용됩니다. ID는 페이지에서 한 번만 사용할 수 있으며 전체 문서에서 고유해야 한다. 객체는 CSS에서 "#" (샾)기호를 사용하여 ID로 선택할 수 있다

<div id="header"></div>


#header {
  background-color: blue;
}

클래스 속성은 하나 이상의 객체에 동일한 식별자를 제공하여 여러 객체에 동일한 스타일을 적용할 수 있도록 하는 데 사용된다. 클래스는 한 페이지에서 여러 번 사용될 수 있으며, 전체 문서에서 고유하지 않아야 한다. 객체는 "."(점) 기호를 사용하여 CSS의 클래스에 의해 선택될 수 있다

<div class="header"></div>
<p class="header"></p>

.header {
  background-color: blue;
}

동일한 객체에서 ID와 클래스 속성을 모두 사용할 수도 있다. ID를 사용하여 특정 요소를 대상으로 하고 클래스를 사용하여 요소 그룹을 대상으로 할 수도 있다.

<div id="header" class="blue"></div>

#header {
  font-size: 2em;
}
.blue {
  background-color: blue;
}