What does ">" do in CSS

Question

Possible Duplicate:
What does “>” mean in CSS rules?

I have seen this in some CSS

body > .navid

What I want to know is, what does the ">" sign do in this CSS piece of code?

Read this: http://stackoverflow.com/questions/4459821/css-selector-what-is-it — codenighter, Oct 09 '12 at 17:43

score 4 · Accepted Answer · answered Oct 09 '12 at 17:48

it's a selector for children (not just any descendent).

The selector body > .navid would select the .navid div using the following:

<body>
    <div class="navid"></div>
</body>

But it would not select the .navid div below because it's a grandchild

<body>
    <div>
        <div class="navid"></div>
    </div>
</body>

score 1 · Answer 2 · answered Oct 09 '12 at 17:45

1

It points to the direct child of an element so for example you can have

body > .something

it points to the class "something" within only the body element.

answered Oct 09 '12 at 17:45

wzsun

score 0 · Answer 3 · answered Oct 09 '12 at 17:43

0

It's called the Descendant selector, it selects

an F element child of an E element

answered Oct 09 '12 at 17:43

Denys Séguret

3 Answers3