原來css中的路徑可以跨越:hover繼續定義……（Update 04-10）

在Stu Nicholls的http://www.cssplay.co.uk/中看見純CSS下拉式功能表，拋開他相容性設計，CSS部分，他讓我知道了，原來css中的路徑可以跨越:hover繼續定義……。

我一直使用路徑法定義樣式，但是從來沒想過跨越:hover，再長的路徑到:hover就是一個終點。

能跨越，不用JS的下拉就很好理解了。下拉ul/ol部分display:none，之前是通過js去改變這個屬性，跨越後就是：ul li a:hover ul{display: block}。至於橫向縱向各種花樣都簡單，關鍵就是這個跨越。

為什麼我沒想到？為什麼！被嚴重打擊，反思……

感謝Stu Nicholls，他的相容性設計更值得我學習。

PS: 這種菜單還是有局限，就是你必須為每個級定義一個路徑css，無法迴圈應用，也就不能“無限”，只能“有限”的定義，當然或許一般而言影響不大，我可以預先定義四級，滿足絕大部分需求。但是仍然是有限的在定義。若非解決不可的話，可以把迴圈寫進程式或者js，但違背了純css的初衷，雖然技術一定要互補才能最大化的發揮，但是仍然盼望著，琢磨著什麼時候才能出現可程式化的“CSS”啊？又或者已有而我不知……

2006 04-08

發現事情遠沒我想得簡單，不是僅僅跨越了:hover就能解決問題的，這裡還涉及到table、visibility的使用。不使用table，下拉不會顯示（為什麼啊？）；不使用visibility，三級菜單一旦被啟用就不消失了（為什麼啊？）。這個牛人啊，佩服中……

菜單還有不少細節問題沒有解決，例如文字自適應寬度。他的做法是定寬，定寬對於OA系統中文字長短不一的各級中文菜單不太合適。繼續琢磨……

2006 04-10