jQueryのCSSセレクタの中にある「>」の存在理由がわかりません。

元のhtml

<div id="button1">
<button>aaa-btn<span class="big">
       <span>aaa</span></span></button>

css

何かしら適当な色や形状

jQuery

$(function(){
   $("#button1 .big).on("mouseover",function(){
   $(this).find(">span").stop(true).animate({   //////

という風に後はいろいろと続くのですが、この (">span") の中の「>」の意味がわかりません。これは何を意味するのでしょうか？無くても普通に動いているようですが。