형제 선택자

인접 형제 조합자 (Adjacent sibling combinator)

더하기(+) 기호로 이어진 두 개의 선택자에 해당하는 요소가 서로 부모 요소가 같은 형제 요소이며, 첫 번째 요소의 바로 뒤에 이어지는 두 번째 요소들을 선택합니다. CSS 2.

h1.opener + h2 {...}

일반 형제 조합자 (General sibling combinator)

물결(~) 기호로 구분된 두 선택자에 해당되는 요소가 서로 부모가 동일한 형제 요소이며, 첫 번째 요소의 뒤에 이어지는 두 번째 요소들을 선택합니다. 인접 형제 조합자와는 달리 바로 뒤에 이어질 필요가 없습니다. CSS 3.

h1 ~ pre {...}

출처 : http://css.elex.pe.kr/2012/09/Combinators.html