From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE Newsletter. Sign Up Now!

Once you have defined a child selector you can refine that selection even further using the CSS pseudo-selector first child. This allows you to add cascading style sheet styles to an even more specific element within a page.

Defining the first child:
  div > p:first-child { background-color : #00f; }

This means that the first paragraph in a div element would have the background color of blue, but the rest would keep the default background color.

Browser Support

The first-child pseudo-selector is not supported in IE 6 and lower for Windows or Netscape 4 for Windows. It did work in Safari and Internet Explorer 5.2 for Macintosh.