[CSS] CSS 선택자 - Type / Class / ID

선택자

• HTML의 어떤 요소에 CSS를 적용할 것인가
• Type (태그) / Class (태그 별명) / ID (태그 이름)

 

Type 선택자

// <h2> Type Hello World </h2>

<style>
h2 { color: red; }
</style>

• 특정 태그에 스타일을 적용

 

Class 선택자

// <h2 class="coding"> Class Hello World </h2>

<style>
.coding { color: blue; }
</style>

• 클래스 이름으로 특정 위치에 스타일을 적용

 

ID 선택자

// <h2 id="coding"> ID Hello World </h2>

<style>
#coding { color: green; }
</style>

• ID를 이용하여 스타일을 적용
• 클래스보다 선택자 우선순위가 높음