CSS selector

CSS 선택자는 DOM 대상을 찾고 선언은 스타일 후보가 된다

선택자는 “어디에 적용할까”를 정하고, 선언 블록은 “무엇을 바꿀까”를 정한다.

01 Selector.notice, #title, h1:hover
02 DOM match조건에 맞는 요소 찾기
03 Declarationcolor, margin, display 후보
04 Cascade충돌하면 우선순위로 최종값 결정
구분의미판단
태그p모든 p 요소
아이디#headerid가 header인 요소 하나
클래스.boxclass가 box인 요소들
가상 클래스a:hover특정 상태의 요소

핵심 선택자 흐름은 “문자열 → DOM 대상 → 스타일 후보 → 최종 스타일”로 읽히면 충분하다.