更改侧边栏中子菜单悬停上的菜单项的颜色（jsFiddle）

问题描述：

我在更改侧栏中子菜单的悬停时菜单项（.category）的颜色时遇到问题我的网站。正如您在下面的jsFiddle例子中看到的那样，当用户将鼠标悬停在类别上时，会打开一个子菜单，并且当用户悬停子菜单项时，悬停颜色为橙色。我想保留这个子菜单悬停的橙色。同时，我希望菜单项（类别）颜色在子菜单打开时更改为浅蓝色。更改侧边栏中子菜单悬停上的菜单项的颜色（jsFiddle）

我试着单独使用CSS来实现这一点，但悬停颜色改变了所有的孩子，这不是我想要的。我很感谢任何帮助解决这个问题，因为这是我一直在试图弄清楚的持续性问题。

我试过到目前为止：

$(this).find(".submenu").show().parent().css('color', 'lightblue');

的jsfiddle：

http://jsfiddle.net/BGcDc/38/

答

的问题是，链接应用了高优先级的默认蓝色。要改变颜色，你需要在链接上改变它。我把这个在hover()代码，它的工作：

$(this).find("a").eq(0).css("color", "#2B60DE");

此发现li.category标签的第一个孩子链接（进一步的子链接是实际的菜单项），并改变颜色为淡蓝色（＃2B60DE）。在mouseleave()代码，把同样的代码，但留下的实际值空白，就像这样：

$(this).find("a").eq(0).css("color", "");

谢谢大卫，这正是我所需要的。 – AnchovyLegend

很高兴能帮到:) –

答

我曾试图改变第一个元素的颜色，它是工作，就可以在查询的jsfiddle。

此外，您应该将样式应用于类并通过javascript添加/删除类。

http://jsfiddle.net/BGcDc/41/

感谢您的回复。你的jsfiddle不能正常工作;） – AnchovyLegend

检查第一个元素，我只在第一个元素上添加类，第一个答案是伟大的相同技术 –

答

不是一个jQuery的解决方案，但看看this answer如何风格父元素。

特别是它的第二个jsfiddle sample（纯css2），它可以做你想找的东西，我想。

更改侧边栏中子菜单悬停上的菜单项的颜色（jsFiddle）

相关推荐