what is the use of > in css?

Question

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

what's the use of > in css? like this ul li:hover > ul or ul li > li. >_<, i'm still new to web dev. can tell me when and how to use this >? and what does it call? like uh greater than? lol im sorry im really new.

#navMenu li > ul
{
    display:none;
    position:absolute;
}

#navMenu li:hover > ul
{
    display:block;
    width:100px;
}

#navMenu li > ul li > ul
{
    left:100%;
    top:0;
    width:100px;
}

This and many other selectors are listed here in a neat DIY article: https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 — Ashwin Prabhu, Feb 08 '18 at 11:30

score 4 · Accepted Answer · edited Jun 20 '20 at 09:12

4

Child & Descendant Selector!

In simple words, the > character selects the immediate child and applies the styles.

For more information, take a look at Child and Sibling Selectors

edited Jun 20 '20 at 09:12

Community

1
1

answered Jul 25 '12 at 08:30

Praveen Kumar Purushothaman

164,888
24
203
252

@BoltClock : Answer should be correct, whether it is copied or not (doesn't matter) – RAN Jul 25 '12 at 08:33
1

@Ran: It matters. http://en.wikipedia.org/wiki/Plagiarism – BoltClock Jul 25 '12 at 08:34
@BoltClock I have also mentioned the source. Now I got a **-8** rep! Chris Coyer's CSS Tricks is the best place for CSS stuff. – Praveen Kumar Purushothaman Jul 25 '12 at 08:35
Then what is the meaning of referring from somewhere? How do you do that to get the user know what he wants??? – Praveen Kumar Purushothaman Jul 25 '12 at 08:36
1

Your original answer didn't contain the link, and as a result it was flagged, but now that it contains the link it's good enough for attribution, so I've undeleted your answer. Please be very careful next time when making references. – BoltClock Jul 25 '12 at 08:37
@BoltClock I agreed I copied. But I edited and then pasted the link. Before that you deleted it. I will be extra careful next time. Thanks! :) – Praveen Kumar Purushothaman Jul 25 '12 at 08:37

score 2 · Answer 2 · edited May 23 '17 at 12:23

2

It's immediate children selector. Introduced in CSS 2.1.

You can find out more in this question: What does the ">" (greater-than sign) CSS selector mean?

edited May 23 '17 at 12:23

Community

1
1

answered Jul 25 '12 at 08:31

Josip Filipović

148
1
1
8

what is the use of > in css?

2 Answers2

Child & Descendant Selector!

For more information, take a look at Child and Sibling Selectors