How is the “greater than” or “>” character used in CSS?

Question

I have seen this character a number of times in CSS files but I have no idea how its used. Can anyone explain it to me and show how they are useful in making a page style ea

Answer 1

p em

will match any that is within a

. For instance, it would match the following s:

foo
Text foo bar

On the other hand,

p > em

Will match only s that are immediate children of

. So it will match:

Text foo bar

But not:

foo