ID 선택자를 이용한 단일 element 선택

특정 element의 스타일만 지정해주고 싶다면 인라인 방식으로 지정해주는 방법도 있지만 이는 HTML파일에 CSS코드가 포함되기 때문에 추천되지는 않는다(유지보수 측면에서 너무 안 좋음)

이때는 HTML element에 ID속성을 부여하는 방식을 사용한다.
Id를 지정할 때는 모든 문자는 소문자, 특수문자 없이, 공백은 -로 표기해야 한다.

<p id="todays-challenge">
      Learn about the basics of web development - sepcifically dive into HTML &
      CSS. hi
    </p>

이제 css파일에 id선택자를 지정해줘야 한느데, #를 입력하고 공백 없이 id를 지정해준다.

  #todays-challenge{
      color: rgb(170, 96, 83);
  }

이제 todays-challenge라는 id를 가진 HTML element에 대한 스타일 지정이 끝났다. id는 고유해야 한다는 규칙이 있으므로, id선택자는 HTML 코드에서 같은 id를 가진 단일 HTML element만 선택한다고 이해하면 된다.