Question

我有一个下拉菜单，当我滚动下拉列表时出现。唯一的问题是我的主列表的背景图像也显示为子菜单列表的背景。

下面是我的css，用于指定翻转时的标签背景。但我假设，自从技术用户仍然翻过<li>标签背景显示在所有子<li>上

CSS：

#main_menu ul li:hover a {
  background: url(images/right_tab_bg.png) top right no-repeat;
  color: #578ba0;
}

#main_menu ul li:hover a span {
  background: url(images/left_tab_bg.png) top left no-repeat;
}

有没有办法告诉上面的css只影响父<a>或<span>？

Answer 1

通过直接后代选择器对您的选择器更具体（我假设顶级列表的ul是#main_menu所有的直接后代）：

#main_menu > ul > li:hover > a /* select only the parent li's a */
#main_menu > ul > li li a /* select any child li's a, excluding the top level li */

选项卡菜单与下拉问题与背景图像

1 个答案: