2014-02-07 37 views
2

我已经创建了一个使用CSS(ul和li)与PHP结合的四层菜单,该选项将选项从数据库中提取出来。这不是用于导航,但允许用户过滤高达细节一定程度可能突出显示多嵌套css菜单中的路径?

例子:http://jsfiddle.net/7LFT5/

如果你走的道路“建设的一部分”>“外观”>“车库/车港” >“车库门”,你会发现用户很容易对他们采取的路径感到困惑。

我想强调他们采用不同颜色的路径。这将是理想的做法在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; 
} 

有没有人以前做过这个?

+0

这应该完美。你为什么不尝试一下,如果你有任何问题,然后报告回来? – David

+0

最高清单必须用不同的颜色或一种颜色才好? ---然后检查@Danko的回答 – CodeFanatic

+0

非常感谢。我以前从未见过使用CSS。你节省了我的时间 - 谢谢! – emma

回答

3

您需要更改这个选择:

nav.filter UL李一:悬停{

因为你需要不断的亮点在a标记时的全部内容悬停li

要这样:

nav.fi滤波器UL李:悬停> A {

检查该演示http://jsfiddle.net/7LFT5/1/

现在结合了两个选择,你可以有主动一种颜色,一个在这样的悬停项目:

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