CSS Child Combinator

> is the child combinator, sometimes mistakenly called the direct descendant combinator.1

That means the selector div > p.some_class only selects paragraphs of .some_class that are nested directly inside a div, and not any paragraphs that are nested further within.

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>
What's selected and what's not:

Selected
This p.some_class is located directly inside the div, hence a parent-child relationship is established between both elements.

Not selected
This p.some_class is contained by a blockquote within the div, rather than the div itself. Although this p.some_class is a descendant of the div, it's not a child; it's a grandchild.

Consequently, while div > p.some_class won't match this element, div p.some_class will, using the descendant combinator instead.

1 Many people go further to call it "direct child" or "immediate

REF https://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css-selector-mean