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>

如果你想要b, c, and d从上面的HTML中选择所有后代然后使用

#div1 .innercontents