CSS children Selector

Question

Lets say I have the following HTML

<div id="div1">
....
<span class="innercontents">...</span>
....
</div>

Can I select just the child of the parent ID?

Could I do something like

#div1 span
{
...
}

Thanks for any help.

Sorry for any confusion. I should have been more clear. In the above example I would like to just select the tags that fall under that specific

Answer 1

#div1 > .innercontents /* child selector */

The above will select these ids from the following HTML: c and d

<div id="div1">
   <div id="a">
     <span id="b" class="innercontents"></span>
   </div>
   <span id="c" class="innercontents"></span>
   <span id="d" class="innercontents"></span>
</div>

if you want all descendents selected such as b, c, and d from the above HTML then use

#div1 .innercontents 

Answer 2

Yes. #div1 > .innercontents. This is the immediate descendent selector, or child selector.

This is the best reference for CSS selectors: http://www.w3.org/TR/css3-selectors/#selectors