인프런 커뮤니티 질문&답변

lololo님 대신 답변 감사합니다.

바로 아래만은 아니구요. 인접선택자 기준 아래 있는 모두 선택가능해요.

아래 예시를 보면 <input type="checkbox"> 형제요소인 .child 선택할 수 있고 아래 요소인 .child p, .child p span 선택할 수 있어요.

하지만 .test는 선택할 수 없어요. 왜냐면 인접선택자는 .frame 위로 올라갈 수 없기 때문에 .frame과 형제 계층인 .test는 선택할 수 없어요. 그래서 <input type="checkbox">을 .container 바로 밑에 놓고 하는 경우도 있습니다.

<div class="frame">

<input type="checkbox">

<div class="child">

<p>

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Labore, saepe.

<span>This is spna</span>

</p>

</div>

</div>

<div class="test">test</div>

말 그대로 위의 태그는 선택 안되고 바로 아래것만 선택이 되는거 같아요

바로 아래거 하나만