html - 特定の最初の子を選択する方法

Question

<div id="divL">
  <br><br>
  <div id="person">abc</div>
  <div id="person">xxx</div>
  <div id="person">xxx</div>
</div>  

CSS

#divL:first-child div{
    background:#ffffff;  //doesn't work
}

タグを飛び越えて<br>最初のタグを選択したいdiv(abc)内部divL

Answer 1

:first-of-type代わりに使用してください。は<br>によって選択されます:first-child

#divL div:first-of-type

#divLまた、最初の子ではなく、 の子である最初の div を選択することに注意してください#divL。

ところで、ids は一意である必要があります。

Answer 2

:first-of-type代わりに使用してください:

#divL div:first-of-type {
    background:#000;
}

jsFiddle の例

Answer 3

これを使って：

    #divL> div:first-of-type { 
   background:#ffffff; 
    }

DEMO FIDDLE

Answer 4

試す

div#divL div:first-child {
  ...
}

Answer 5

#divL > div:first-of-type {
    background:#ffffff;  
}