What does ">" means in css rules ?

Question

For example:

What does div > p.some_class { ... } selects ?

Answer 1

All p tags with class 'some_class' which are children of a div tag.

Answer 2

It matches p elements with class some_class that are directly under a div.

Answer 3

> is the child selector, or a direct descendant selector.

That means it only selects paragraphs of some_class that sit directly inside a div.

An illustration:

<div>
    <p class="some_class">Some text here</p>     <!-- Selected [1] -->
    <blockquote>
        <p class="some_class">More text here</p> <!-- Not selected [2] -->
    </blockquote>
</div>

Footnotes:

1. Selected as it's directly within the <div>.
2. Not selected as it's inside a <blockquote>.

Answer 4

As others mention, it's a child selector. Here's the appropriate link.

http://www.w3.org/TR/CSS2/selector.html#child-selectors