Почему: первый ребенок выбирает всех детей?

Question

Я хочу выбрать только самые первые ссылки из раскрывающегося меню (те, что имеют текст «ОДИН»), но :first-child выбирает их всех.

Ссылка:

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

Извините за беспорядок в HTML-части, но я настройка Wordpress темы и производит так много классов и идентификаторов.

Главное в конце файла CSS.

Answer 1

Изменить селектор CSS для этого ...

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

(т.е. поместить псевдо-класс :first-child на li, а не a).

See it on jsfiddle.net

старый селектор не работает, потому что a всегда первый ребенок из li элементов.

Но в новом селекторе li является первым ребенком элементов ul.