CSS 선택자

자식선택자 : ">"

선택자1>선택자2{

} 

: 선택자 1의 하위요소인 선택자2를 선택

 

자손선택자: " " 

선택자1 선택자2{

} 

:선택자 1에 들어있는 모든 선택자2를 선택 , 자식과 자손의 차이를 생각하면 됨. 

 

인접선택자: "+"

선택자1+선택자2{

} 

: 선택자 1 옆에 있는 선택자2를 선택.  선택자1의 동생인 선택자2를 선택. 

 

그룹선택자:","

선택자1, 선택자2{

}

: 선택자1과 선택자2 모두를 선택 

 

전체선택자: "*" 

*{ 

} 

: 모든 요소를 선택. 보통 margin:0; padding:0;을 줄 때 사용. 

 

선택자1 *{ 

}

: 이렇게 쓰면 선택자1의 모든 자식요소에 해당 속성을 부여할 수 있다.