CSS 인접 선택자(Adjacent selector)

인접선택자는 엘리먼트 바로다음에 오는 엘리먼트를 지정하는 방법이다.

사용방법은 다음과 같다.

E + F{font-size:30px;}
/*F element immediately preceded by an E element
(F엘리먼트 다음 바로 붙어오는 E엘리먼트*/

예를 들어html이 다음과 같을 경우

기준이요

선택되는것은 여기

여기는 선탣안됨

여기도 선탣안됨

h1 + p{font-size:30px;}
/*"선택되는것은 여기" 이 텍스트의 폰트크기가 30px이 된다.*/

h1 다음에 오는 엘리먼트 첫번쨰 엘리먼트p만 폰트의 크기가 30px이 된다.