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

Question

I have something like:

<div id="content>     <h1>Welcome to Motor City Deli!</h1>    <div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div>    <div > ... </div> 

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?

Answer 1

The MOST CORRECT answer to your question is...

#content > 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 > div:nth-of-type(1) { /* css */ }