Dlaczego: pierwsze dziecko wybiera wszystkie dzieci?

Question

Chcę wybrać tylko pierwsze linki z "menu rozwijanego" (te z tekstem "JEDEN"), ale :first-child wybiera je wszystkie.

Link:

http://jsfiddle.net/773Xd/1/

Przepraszam za bałagan w części HTML, ale mam dostosowywania WordPress i produkuje tak wiele klas i identyfikatorów.

Najważniejszą rzeczą jest koniec pliku CSS.

Answer 1

Zmień selektora CSS do tego ...

#page-navigation ul li .sub-menu li:first-child a 

(tj umieścić klasę pseudo :first-child na li, a nie a).

See it on jsfiddle.net

Stary selektor nie działa bo a jest zawsze pierwszym dzieckiem li elementów.

Jednak w nowym selektorze li jest pierwszym elementem potomnym elementów ul.