CSS Selector를 이용한 Element 선택

rule selt (스타일 규칙)?
HTML 페이지 안의 특정 요소들을 어떻게 렌더링 할 것인지 브라우저에게 알려주는 CSS 문장, 이러한 문장들이 한군데 모여 스타일 시트를 이룬다.

Document API

1>document.querySelector
-css selector를 기반으로 엘리먼트를 선택한다.
-조건에 부합하는 element가 여러개인 경우 첫 엘리먼트만 반환한다.
2>document.querySelectorAll
-css selector를 기반으로 만족하는 모든 엘리먼트를 선택한다.

h1 { }
또한 class 를 대상으로 하는 선택자가 포함됩니다:

.box { }
또는 ID:

#unique { }

CSS Selector

'#' : name 기반으로 선택
'.' : class 기반으로 선택
',' : 여러개의 셀렉터를 사용

선택자 참조표