css_selector(선택자(추가))

선택자 유형

• 속성 선택자
  - 특정 속성 명시하여 요소 선택

  [속성명]

• 하위 요소 선택자
  - 상위 요소에 포함된 하위 요소 선택

  공백

• 자식 요소 선택자
  - 상위 요소 바로 한 단계 하위 요소 선택

  >

• 인접 형제 선택자
  - 형제 요소 중 첫 번째(인접) 형제 요소를 선택

  +

   <img src="images/image.jpg" width="120" id="image">
   <p>이미지 입니다.</p>
   
   ==>
   <style>
   	#image + p{
    	color: orange;
    }
   </style>
   => 'image 입니다' 문장이 orange 색으로 바뀜

• 형제 요소 선택자
  - 내 뒤의 형제(전체 형제) 요소를 선택

   ~

기호와 사용하는 속성 선택자

• 값의 포함 여부

  *

• 값의 시작 여부

  ^

• 값의 끝 여부

  $

중첩

 body p{
 	~~~
 }
 => body에 들어있는 p 태그