如何选择具体的第一个孩子

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

另请注意，您要选择的第一个div是#divL的孩子，而不是#divL的第一个孩子。

顺便说一下id s应该是唯一的。

Answer 2

改为使用:first-of-type：

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

<强> jsFiddle example

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;  
}