Tue, 2010-08-17 01:24
Hi folks,
I apologize ahead of time, if this is considered a newbie question and therefore should have been in the beginners section, but here goes...
I've just read an article on OOCSS and I noticed that the CSS sheet included ">" in the coding. If I understand the concept correctly #container > header means use this style for the tag <header> within the div with the ID "container".
I guess my question is what exactly does ">" mean and why do this? Wouldn't it be the same thing as creating a div with an id "header" and applying a style to it? Is it mainly to cut down on code? Or is it so that you can create your own tag, ie <header>? Or is this a CSS3 thing? (I haven't really touched CSS3 yet since I'm waiting for it to be standardized within the community.)
Thank you ahead of time,
Diane
Tue, 2010-08-17 01:32
#1
Google "Child Combinator".
Google "Child Combinator".
Tue, 2010-08-17 01:42
#2
The child combinator only
The child combinator only targets immediate children so #container > header would match
<div id="container"> <header></header> </div>
but not
<div id="container"> <section> <header></header> </section> </div>
Tue, 2010-08-17 18:39
#3
Tyssen, Thank you so much for
Tyssen,
Thank you so much for the detailed reply.
Now I understand. 
Tue, 2010-08-17 18:43
#4
However I do hope that you
However I do hope that you did first try googling and spending a little time on study? Don't simply rely on us for answers to questions like this 