What does `a > b` mean?

I'm reading a tutorial about creating a shoutbox with jquery, php and ajax. In the jquery code, it creates a variable like this

var messageList = $(".content > ul");

There is a "content" class in the html, and it has an unordered list in it. But I don't understand the syntax .content > ul in the creation of the variable.

Can you explain?

HTML

 <div class="content">  
            <h1>Latest Messages</h1>  
            <div id="loading"><img src="css/images/loading.gif" alt="Loading..." /></div开发者_如何学Python>  
            <ul>  
            <ul>  
        </div>  

It indicates the shoutbox should be applied to a "ul" thats the immediate child of ".content". Without the ">" symbol, it applies to any ul thats a child of .content

It searches for a ul that's the direct child of .content, so if you'd change the html to

<div class="content">
   <div>
      <ul></ul>
   </div>
</div>

your selector wouldn't return anything. There's more info on all kinds of selectors on http://api.jquery.com/category/selectors/

It's a child selector.

css child selector