0

ホバー時にli要素の色を変えたい、

<ul id="sitemap">
        <li><a href="#">a</a>
            <ul>
                <li><a href="#">b</a></li>
                <li><a href="#">c</a></li>
                <li><a href="#">d</a></li>
                <li><a href="#">e</a></li>
                <li><a href="#">f</a></li>
            </ul>                   
        </li>
</ul>

ここにcssコードがあります：

 #sitemap li:hover{
    background:#eee;
}

a ie b、c .. fの子liにカーソルを合わせると、親(a)の背景色も変わります。ホバー時に現在のli要素のみの背景色を変更するにはどうすればよいですか.3番目のレベルにもliがある可能性があるため、一般的な解決策は何ですか..

4

2 に答える 2

0

> を css に追加して、直接の子孫にする必要があります。

#sitemap ul > li > a:hover {
  background:#eee;
}

詳細については、http://www.w3.org/TR/CSS2/selector.html#child-selectors をご覧ください。

于 2013-07-28T03:44:07.093 に答える