Tại sao: con đầu lòng chọn tất cả trẻ em?

Question

Tôi muốn chỉ chọn các liên kết đầu tiên từ "menu thả xuống" (các liên kết có văn bản "ONE"), nhưng :first-child chọn tất cả chúng.

Link:

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

Xin lỗi vì sự lộn xộn trong phần HTML, nhưng tôi tùy biến theme Wordpress và nó tạo ra rất nhiều lớp và id.

Điều quan trọng nhất là ở cuối tệp CSS.

Answer 1

Thay đổi selector CSS của bạn để này ...

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

(ví dụ: đặt giả lớp :first-child trên li, không phải là a).

See it on jsfiddle.net

Các selector cũ đã không làm việc vì a luôn là đứa con đầu lòng của li yếu tố.

Nhưng trong bộ chọn mới, li là con đầu tiên của các yếu tố ul.