Cần lời khuyên về menu thả xuống CSS

Question

Tôi đang cố gắng tạo menu thả xuống css/html thuần túy đầu tiên của mình nhưng tôi đã gặp khó khăn trong việc nhận hàm Hover để hoạt động bình thường. Tôi đã nhận được câu trả lời tuyệt vời nhưng lần này, tất cả những điều sai lầm của nó và nó không ở đúng chỗ. Tôi bị lạc vào thời điểm này.

http://jsfiddle.net/X5Dbc/

position: absolute; or somthing like that... 

tôi có một linh cảm nó có somthing để làm với positioning các jsfiddle trên là những gì tôi có sau khi yêu cầu về tác động "thả xuống" ..

Hãy nhớ tôi vẫn là một người mới khi nói đến CSS thích hợp. Bất kỳ lời khuyên hoặc giúp làm cho trình đơn này làm việc sẽ được đánh giá cao nhất! Và những lời chỉ trích mang tính xây dựng luôn được chào đón.

Answer 1

Đánh dấu của bạn không hợp lệ. ID s phải là duy nhất. tức là bạn không thể sử dụng cùng một số ID trên các phần tử muiltiple. Đó là những gì class dành cho. Tuy nhiên, không cần sử dụng ID s.

#navwrap ul li ul { 
    display: none; 
} 
#navwrap ul li:hover ul { 
    display: block; 
    position: relative; 
} 

Di chuyển :hover để phụ huynh li

Bạn có thể tạo kiểu hai ul riêng rẽ như thế này:

Lên trên mức:

#navwrap > ul { your styles ... } 

cấp phụ:

#navwrap ul ul { your styles ... }