CSS 선택자 (selector)

CSS 선택자

선택자는 어떤 HTML 요소에 스타일을 줄지를 정하는 기준이다.

1. 태그 선택자

HTML 태그 전체에 적용

p {
  color: gray;
}

 

2. 클래스 선택자 .클래스명

HTML에서 class="이름"으로 지정된 요소에 적용

<p class="intro">첫 문단</p>

.intro {
  font-size: 20px;
  color: blue;
}

 

3. 아이디 선택자 #아이디명

HTML에서 id="이름"으로 지정된 요소에 적용

<h1 id="main-title">제목</h1>

#main-title {
  text-align: center;
  color: darkgreen;
}

id는 문서 내에서 1번만 사용해야 함