Selector (선택자)

선택자

 

전체 선택자(Universal Selector)

 

(요소 내부의) 모든 요소를 선택

 

* {

}

 

태그 선택자(Type Selector)

 

특정 태그(<이름> <이름/>)전체의 요소를 선택

 

<!--css-->

li {

}

<!--==========================-->

<!--html-->

<li class="fruit"> 과일 </li>  <!--********여기*********-->
<li> 물건 </li>  <!--********여기*********-->

 

클래스 선택자(Class Selector)

 

HTML class 속성의 값이 특정 태그인 요소 선택 ( .class )

(class 속성은 동일한 값으로 여러 군데 다 사용 가능)

 

<!--css-->

.fruit {

}

<!--==========================-->

<!--html-->

<li class="fruit"> 과일 </li>  <!--********여기*********-->
<li> 물건 </li>

 

아이디 선택자(ID Selector)

 

HTML id 속성의 값이 특정 태그인 요소 선택 ( #id )

(id 속성은 고유한 속성입니다.)

 

<!--css-->

#fruit {

}

<!--==========================-->

<!--html-->

<li id="fruit"> 과일 </li>  <!--********여기*********-->
<li> 물건 </li>