YTCW

특정 상태의 HTML 요소에 스타일을 적용하기 위해 사용→ 요소의 상태, 사용자의 동작, 문서 구조에 따라 구분1. 요소의 상태에 따른 가상 클래스 선택자:link- 방문하지 않은 링크에 스타일 적용 :visited- 방문한 링크에 스타일 적용  :active- 웹 요소를 활성화했을 때의 스타일 적용 - 사용자가 요소를 클릭하고 있는 동안 적용  :hover- 웹 요소에 마우스 커서를 올려놓을 때 스타일 적용 - 요소 위로 마우스를 올렸을 때  :foucs- 요소가 포커스를 받을 때(초점이 맞추어졌을 때) 스타일 적용사용자 동작에 반응하는 가상 클래스의 순서 : link > :visited > :hover > :active   2. 요소의 상태에 따른 가상 클래스 선택자:checked- 체크박스 또는 라..

연결 선택자선택자와 선택자를 연결해 적용 대상을 제한하는 선택자자손 선택자 (= 하위 선택자)부모 요소에 포함된 '모든 하위 요소'에 적용 : 선택자 A와 B 사이에 공백을 두어 사용 : 상위요소(A) 하위요소(B) { ... } : div 요소 내의 모든 p요소에 스타일 적용자식 선택자자식 요소에 스타일을 적용하는 선택자 : A의 직접적인 자식인 B요소에게만 적용 : 선택자 A와 B 사이에 > 기호를 사용인접 형제 선택자같은 부모를 가진 형제 요소 중 첫 번째 동생 요소에만 스타일 적용 : 선택자 A와 B 사이에 + 기호를 사용(일반) 형제 선택자형제 요소들에 스타일 적용 : 인접 형제 선택자와의 차이점 - 모든 형제 요소에 다 적용 : 선택자 A와 B 사이에 ~ 기호를 사용 HTML 고급 선택자..