CSS - 선택자

선택자(Selector)

HTML의 어떤 요소에 CSS를 적용할 것인지 선택하는 방법.

 

- Type : HTML 태그명을 다이렉트로 입력하고 CSS 적용.

// <h1> Type Hello World </h1>

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

 

- Class : HTML 태그에 class라고 하는 속성을 태그에 넣어서 별명을 지정하고, CSS에서는 .(점)을 사용해서 클래스 속성값을 입력.

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

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

 

- ID :  HTML태그에 id라고 하는 속성을 사용해서 이름을 지정하고, CSS에서는 #(샵)을 사용해서 ID 속성값을 입력.

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

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