css 선택자 정리

선택자란 ?

무언가에 스타일을 주고자 할때 css 시트에서 대상을 정해준다.

전체선택자	*{margin: 0; padding: 0px;}	* 문서무든 요소에 적용(초기화 시에만 한방에 사용)
여러요소 동시선택	h1,h2,h3,h4,h5,h6 {font-weight: normal;}	,로 분리
아이디선택자	#header	아이디선택자는 한 페이지에 한번만 사용 가능
클래스선택자	.logo	아이디 선택자 아래 .으로 구분 많은 요소에 스타일을 한꺼번에 지정하고자 할때
유형선택자	p { color: red; }	요소 이름
하위선택자	#hearder .logo .img	부모요소부터 안으로 하나씩 적어들어감
자식선택자	#container>p	탭키 한번인 요소 직계자식인 모든 요소에 적용 (직계이후 자손 불포함)
자손선택자	#container p	요소의 자손에 지정
인접형제 선택자	input + label	input태그 다음에 인접한 label 한개만 선택 같은 부모에 형 바로 뒤에오는 아우요소에 적용

- 타입 클래스 선택 

input[type=checkbox] + label

타입선택시 대괄호 사용 
클래스 선택시 =^