CSS дети Selector

Question

Допустим, у меня есть следующий HTML

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

Могу ли я выбрать только дочерний элемент родительского идентификатора?

Могу ли я сделать что-то вроде

#div1 span
{
...
}

Спасибо за любую помощь.

Извините за путаницу. Я должен был быть более ясным. В приведенном выше примере я хотел бы просто выбрать теги, которые подпадают под этот конкретный

Answer 1

#div1 > .innercontents /* child selector */

Приведенное выше выберет эти идентификаторы из следующего 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>

, если вы хотите, чтобы все потомки были выбраны, например, b, c, and d из приведенного выше HTML, тогда используйте

#div1 .innercontents 

Answer 2

Да. #div1 > .innercontents. Это прямой потомок или дочерний селектор.

Это лучший справочник для селекторов CSS: http://www.w3.org/TR/css3-selectors/#selectors