Perché: primo figlio seleziona tutti i bambini?

Question

Desidero selezionare solo i primi collegamenti da "menu a discesa" (quelli con testo "ONE"), ma :first-child li seleziona tutti.

Link:

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

Ci scusiamo per la confusione nella parte HTML, ma sto personalizzazione Wordpress tema e si produce così tante classi e id.

La cosa più importante è alla fine del file CSS.

Answer 1

Cambia la tua selettore CSS a questo ...

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

(vale a dire mettere pseudo classe :first-child sul li, non il a).

See it on jsfiddle.net

Il vecchio selettore non ha funzionato perché a è sempre il primo figlio dei li elementi.

Ma nel nuovo selettore, li è il primo figlio degli elementi ul.