Combinators

p span {}

: p 속 span을 의미

div span {}

• 부모 tag인 div 밑에 속하는 모든 자식태그 span을 지정. 직접적 부모 아니어도 해당.
  

div > span {}

• 부모 tag인 div 바로 밑의 자식tag인 span을 지정
  

p + span {}

• p의 바로 다음에 있는 span을 지정 (sibling)
  
  

p ~ span {}

• p의 형제 관계인 span을 지정, 꼭 바로 뒤에 오는 것 아니어도 지정