8-1. CSS 연결 선택자 (하위 선택자, 자식 선택자, 인접 형제 선택자, 형제 선택자)

특정 요소를 기준으로 그 안에 포함된 요소를 하위 요소라고 한다. 그리고 현재 요소를 기준으로 바로 한 단계 아래 요소를 자식 요소라고 한다. 그 자식 요소의 한 단계 아래는 손자 요소라고 한다. 1. 하위 선택자 하위 선택자 descendant selector 를 사용하면 부모 요소에 포함된 하위 요소를 모두 선택하며 자손 선택자라고도 한다. 즉, 자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용된다. 하위 선택자는 공백을 사이에 두고 써주면 된다. 2. 자식 선택자 자식 선택자 child selector는 하위 선택자와 다르게 자식 요소에만 스타일을 적용하는 선택자이다. '>' 기호로 표시해 부모 요소와 자식 요소를 구분한다. ❗ 하위 선택자와 자식 선택자의 다른점은 하..

2021.10.14