Topic: more CSS wonders (Page 1 of 1)

Wow! I just got done looking at some very impressive CSS (I'm at that impressionable age), and I must now confess my CSS ignorance. I actually thought I knew CSS.
http://www.meyerweb.com/eric/css/edge/menus/demo.html

What is the difference between these two declarations?
#rtnv > ul {******}
#rtnv ul {******}

I can't find anything about ">" in any of my books.
Would someone be kind enough to enlighten me?

when I know everything, will my brain
stop hurting so much when I code?

When in doubt, consult www.w3.org . In this case, http://www.w3.org/TR/REC-CSS2/ , and more specifically, http://www.w3.org/TR/REC-CSS2/selector.html .

#rtnv > ul {******}

this matches any UL element that is a direct child of an element with ID rtnv. It can't be a child of a child of it, or anymore than one level down.

#rtnv ul {******}

This matches any UL element that is inside an element with ID rtnv. It can be any number of levels down.

The former isn't supported by most browsers.

Thanks Slime, that clarifies things. I have added the w3.org site to my reference list. I really do try and research things before crying for help, but this one was being quite elusive.

when I know everything, will my brain
stop hurting so much when I code?

When you're in doubt about CSS selectors, consult SelectORacle - English & Spanish translations of CSS2 and CSS3 selectors...