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

另请注意，您要选择第一个 div 的子级#divL，而不是#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;  
}