可能突出顯示多嵌套css菜單中的路徑？

我已經創建了一個使用CSS（ul和li）與PHP結合的四層菜單，該選項將選項從數據庫中提取出來。這不是用於導航，但允許用戶過濾高達細節一定程度可能突出顯示多嵌套css菜單中的路徑？

如果你走的道路「建設的一部分」>「外觀」>「車庫/車港」 >「車庫門」，你會發現用戶很容易對他們採取的路徑感到困惑。

我想強調他們採用不同顏色的路徑。這將是理想的做法在CSS中 - 這感覺應該是可能的，因爲路徑正在生成菜單項的可見性。我一直在玩CSS下面，希望：懸停或：活躍會工作 - 但沒有運氣。

nav.filter li ul li ul li:hover ul { 
    display: block; 
    width: 150px; 
    padding: 0px; 
    left: 170px; 
    top: 0px; 
    /* margin: 0px; */ 
    z-index: 3; 
}

有沒有人以前做過這個？

來源

2014-02-07 emma

這應該完美。你爲什麼不嘗試一下，如果你有任何問題，然後報告回來？ – David

最高清單必須用不同的顏色或一種顏色纔好？ ---然後檢查@Danko的回答 – CodeFanatic

非常感謝。我以前從未見過使用CSS。你節省了我的時間 - 謝謝！ – emma

您需要更改這個選擇：

nav.filter UL李一：懸停{

因爲你需要不斷的亮點在a標記時的全部內容懸停li

要這樣：

nav.fi濾波器UL李：懸停> A {

檢查該演示http://jsfiddle.net/7LFT5/1/

現在結合了兩個選擇，你可以有主動一種顏色，一個在這樣的懸停項目：

http://jsfiddle.net/7LFT5/3/

來源

2014-02-07 13:35:55 DaniP

可能突出顯示多嵌套css菜單中的路徑？

回答

相關問題