2011-08-25 39 views
5

Tôi có danh sách được tạo động có khả năng lên tới khoảng 5 cấp. Tôi muốn văn bản mục được liệt kê gạch dưới khi tôi di chuột qua mục được liệt kê, tuy nhiên không phải là li gốc.li nhắm mục tiêu trên di chuột nhưng không phải cha mẹ li

xem ví dụ.

http://jsfiddle.net/ca7fL/5/

bạn nhìn thấy khi bạn di chuột vào "này", các li cha mẹ ở trên, nhấn mạnh là tốt.

Bất kỳ ý tưởng nào?

Cheers

+0

Nếu bạn có một li không có con, nên gạch dưới mà khi được quét qua? – ipr101

+0

không cần phải gạch chân – AJFMEDIA

Trả lời

7

Điều đó dường như khó đạt được, vì khi bạn chỉ vào phần tử con, bạn cũng có thể trỏ cha mẹ của nó một cách hiệu quả.

Có một giải pháp, mặc dù: thêm một thẻ span đến mục menu của bạn, và làm cho rằng thẻ hoverable: http://jsfiddle.net/ca7fL/16/

+0

ý tưởng tuyệt vời! cổ vũ – AJFMEDIA

-1
ul li ul { padding-left:20px} 
ul li ul li:hover { text-decoration:underline; curor:pointer;} 
+2

Điều này sẽ vô hiệu hóa hiệu ứng cho cấp cao nhất 'li'. Tôi không nghĩ đó là điều anh ta muốn. – Kokos

+0

loại bỏ này: định dạng di chuột từ "ul li", cũng cần thiết. – HBublitz

+0

Ngoài ra, nó sẽ không hoạt động theo yêu cầu nếu danh sách được lồng vào nhiều cấp độ hơn (OP sẽ đề cập đến 5). – Jon

0

Có lẽ bạn cần phải áp dụng các lớp học css để LI - Elements khi geenerating họ, vì vậy bạn có thể tạo kiểu cho họ một cách rõ ràng. CSS chính nó dường như không đủ ở đây.

Các vấn đề liên quan