- 문서구조 관련 선택자
- 부모와 자식 / 조상과 자손 / 형제
- 자손 선택자
div span {color: red;}
div요소의 자손 요소인 span을 선택. - 자식선택자
div > span {color: red;}
div요소의 자식 요소인 span을 선택. - 인접 형제 선택자
div + span {color: red;}
div태그와 인접한 span태그를 선택.
Quiz:body > div table + ul { ... }
Answer: body 요소의 자식인 div 요소의 자손인 table 요소 바로 뒤에 인접한 ul 요소 선택.
- 가상 선택자
- 가상 클래스(pseudo class)
특정요소에 미리 정해놓은 상황에 적용이 되도록 약속되어있는 보이지않는 클래스. - 가상 요소(pseudo element)
- 가상 클래스(pseudo class)
꼭 웹 퍼플리셔가 될거에요