클래스 선택자, 속성 선택자, 태그 선택자

선택자 Selector

Css 에서 선택자 (Selector) 는 Style 을 주기 원하는 요소를 선택하는 Pattern 이다

● 여러개의 클래스 선택자를 사용하기

<h1 class="item header">제목</h1>

● 태그 속성자와 클래스 선택자 함께 사용

<style>

/* li 태그 중 class 속성이 nice 인 태그의 color 속성을 blue 로 */

li.nice {color:blue;}

</style>

● 속성 선택자

<style>

input[type=text] { background: blue;}

</style>

● 자손 선택자

<style>

#header > h2 { color: blue;}

</style>

● 반응 선택자

<style>

img:hover { color: red;}

</style>