what does this line of code mean / do? Options

[CharliePrince]

I'm reading from this web site (here) . . and do not understand what the > div does?

Can anyone explain what this > gt char does when used like this?

CODE

.flex-container > div {

[pandy]

It's called a child selector. Your specific one matches a P that is the child of an element with the class flex-container.
http://www.w3.org/TR/2011/REC-CSS2-2011060...child-selectors

Note that child means a direct, first level, descendant. Not just any descendant. There's another selector for that, called a descendant selector.

CODE

.foo > p { color: red }

HTML

<div class="foo">
<p>
This text will be red.</p>
</div>

<div class="foo">
<div>
<p>
This text will not.</p>
</div>
</div>

[CharliePrince]

That helps a bunch. Thanks again pandy!

[pandy]

You are welcome.