0

ドロップダウンメニューがあり、ロールオーバーするとドロップダウンが表示されます。唯一の問題は、メインリストの背景画像がサブメニューリストの背景としても表示されることです。

以下は、ロールオーバー時にタブの背景を割り当てるための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>？

4

1 に答える 1

0

直接の子孫セレクターを使用して、セレクターをより具体的にします (最上位のリストである 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 */
于 2012-11-28T21:04:11.750 に答える