如何在悬停时更改CSS中子菜单的颜色而不更改父菜单的颜色?

时间:2013-01-17 03:06:26

标签: css

我有一个使用脚本进行下拉菜单的菜单。问题是我想设置菜单,这样当我单独悬停在父级上时,它会改变我已经成功完成的颜色但是当我将鼠标悬停在子菜单上时,我不希望父级改变颜色,只是子菜单单独。因为每当我尝试将鼠标悬停在子菜单上时,父菜单将自动悬停在我悬停的子菜单上。我认为因为子菜单是父母的一部分。

是否有可能将其悬停效果分开,以便父菜单在单独悬停时会改变颜色,但在其子菜单被悬停时不会改变?

非常感谢!

1 个答案:

答案 0 :(得分:0)

你可以做的是:

parent:hover child{
  background: ???
}

当您将鼠标悬停在父级上方时,只需为孩子提供您选择的颜色

例如:http://jsfiddle.net/WL3LY/