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

What should the selector match? The <div> or the <span>? (If the <div>, then what you're asking for isn't possible.) — millimoose
– millimoose, Commented Sep 30, 2011 at 20:43
"Can I select just the child classes of the parent ID?" => that sentence is very confusing. — Richard JP Le Guen
– Richard JP Le Guen, Commented Sep 30, 2011 at 20:43
#div1 > .innercontents stackoverflow.com/questions/1182189/… — Alex
– Alex, Commented Sep 30, 2011 at 20:45

BoltClock · Accepted Answer · 2011-11-21 18:09:12Z

#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

CamelCamelCamel · Accepted Answer · 2011-09-30 21:19:23Z

3

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

edited Sep 30, 2011 at 21:19

answered Sep 30, 2011 at 20:43

CamelCamelCamel

5,2008 gold badges64 silver badges94 bronze badges

2 Comments

Frédéric Hamidi Over a year ago

#div1 .innercontents is a descendant selector, not a child selector.

CamelCamelCamel Over a year ago

#div1 > .innercontents then, for immediate descendents.

Collectives™ on Stack Overflow

CSS children Selector

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related