CSS children Selector

Question

假设我有以下HTML

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

我可以只选择父ID的子项吗？

我可以做点什么吗

#div1 span
{
...
}

感谢您的帮助。

对不起有任何困惑。我应该更清楚。在上面的示例中，我只想选择属于该特定

的标签

Answer 1

#div1 > .innercontents /* child selector */

以上将从以下HTML中选择这些ID：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>

如果您想要从上面的HTML中选择所有后代，例如b, c, and d，请使用

#div1 .innercontents 

Answer 2

是。 #div1 > .innercontents。这是直接的后代选择器或子选择器。

这是CSS选择器的最佳参考：http://www.w3.org/TR/css3-selectors/#selectors