Sequential selectors

Sequential selector는 두 개의 element가 나란히 있을 때 두 번째 element에 특별한 스타일을 주기 위한 것이다.

앞서서 parent-child selector에 ~ 표시를 해 주었었는데, sequential selector에는 ~ 표시와 함께

두 element의 앞뒤에 /와 /를 해 준다.

/H1~H2/ { margin-top: -5mm }
/*H1 바로 다음에 나오는 H2는 윗쪽 마진값이 음수이므로 H1과 바짝 붙게 된다.*/
/H1.opener ~ H2/ { margin-top: -5mm } /*클래스와 함께 사용할 수도 있다.*/