[CSS] 동위선택자 계층구조 알고 넘어가자!

오늘은 동일 관계에 위치해있는 태그를 선택할때 사용하는 동위선택자에 대해서 알아보도록 하겠습니다.

동위선택자란 말그대로 동일관계의 태그를 선택할때 사용하는 선택자입니다

아래의 이미지를 보면서 쉽게이해하고 넘어갈게요

위에 이미지를 보면 알수 있듯이 h1태그,ul태그,p태그는 동일관계의 태그들입니다

이런 동일관계의 태그들을 선택할때 사용되는 선택자를 동일선택자라 합니다

동일선택자의 형태는 두가지 형태로 되어있습니다

1. 선택자A + 선택자B

2. 선택자A ~ 선택자B

1번의 경우에는 선택자A 바로 뒤에 위치해있는 선택자B를 선택할때 사용됩니다.

2번의 경우에는 선택자A 뒤에 위치하는 모든 선택자B를 선택할때 사용됩니다 

이두가지 방식은 모두 동일관계의 태그들에게 해당된다는점잊으시면 안됩니다.