What CSS selector can be used to select the first div within another div

Question

I have something like    lt div id  content gt       lt h1 gt Welcome to Motor City Deli  lt  h1 gt      lt div style   font-size  1 2em  font-weight  bolder   gt Sep 19  2010 lt  div gt      lt div  gt       lt  div gt    What is the css selector for the second div  1st div within the  content  div  such that I can set the font color of the date within that div

User · Answer

If we can assume that the H1 is always going to be there, then

div h1+div {...}

but don't be afraid to specify the id of the content div:

#content h1+div {...}

That's about as good as you can get cross-browser right now without resorting to a JavaScript library like jQuery. Using h1+div ensures that only the first div after the H1 gets the style. There are alternatives, but they rely on CSS3 selectors, and thus won't work on most IE installs.

User · Answer

The MOST CORRECT answer to your question is      content  gt  div first-of-type      css        This will apply the CSS to the first div that is a direct child of  content  which may or may not be the first child element of  content   Another option    content  gt  div nth-of-type 1       css

User · Answer

The closest thing to what you re looking for is the  first-child pseudoclass  unfortunately this will not work in your case because you have an  lt h1 gt  before the  lt div gt s  What I would suggest is that you either add a class to the  lt div gt   like  lt div class  first  gt  and then style it that way  or use jQuery if you really can t add a class       content  gt  div first

User · Answer

You want   content div first-child     css

[css] What CSS selector can be used to select the first div within another div

Examples related to css

Examples related to css-selectors