Как выбрать конкретный первенца

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