형제 인접선택자

Question

형제 인접 선택자에 조금만 더 핵심적으로 설명해주실 수 있을까요?

div.tab-inner 안에 들어가는 태그들이

다 형제선택자라고 알고있었습니다

형제선택자와 인접선택자의 정확한 구별법을 잘 모르겠어요

따라서 css를 이용할때 ~ + 를 적절하게 사용하지 못하는 것 같아서요

Answer

인접선택자 형제선택자 모두 같은 계층의 요소에 적용하는 선택자 입니다.

중요한 것은 인접선택자 형제선택자 모두 html 순서상 위의 요소를 선택할 수는 없습니다.

반드시 아래 요소만 해당됩니다.

형제선택자 보다 인접선택자가 훨씬 사용빈도가 높습니다.

아래 첨부한 이미지를 보시면 좀 더 도움이 되실거에요.