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

김지현님의 프로필 이미지
김지현

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 03(탭 메뉴 콘텐츠 만들기)

형제 인접선택자

작성

·

291

1

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

 

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

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

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

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

답변 1

0

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

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

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

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

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

 

김지현님의 프로필 이미지
김지현
질문자

항상 감사합니다! 정확한 차이를 알게되었습니다

김지현님의 프로필 이미지
김지현

작성한 질문수

질문하기