Зачем использовать «>» в ​​CSS?

Если я хочу добавить стиль ко всем элементам p внутри div, зачем мне использовать

div > p{

  *style here*

}

в отличие от просто

div p{

  *style here*

}

более того, если я хочу использовать псевдокласс, зачем мне использовать «>»

div > p:first-child{

  *style here*

}

вместо

 div p:first-child{

   *style here*

 }

Есть ли преимущества или недостатки? что делает этот оператор?