Por qué: el primer hijo selecciona todos los niños?

Question

Quiero seleccionar solo los primeros enlaces del "menú desplegable" (los que tienen "UNO" texto), pero :first-child los selecciona a todos.

Enlace:

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

Lo siento por el desorden en la parte HTML, pero estoy personalizando tema de Wordpress y produce tantas clases y las identificaciones.

Lo más importante es al final del archivo CSS.

Answer 1

Cambiar la selector de CSS para esto ...

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

(es decir, poner la pseudo clase :first-child en el li, no el a).

See it on jsfiddle.net

El selector de edad no funcionó porque a es siempre el primer hijo de los elementos li.

Pero en el nuevo selector, el li es el primer hijo de los elementos ul.