悬停时改变父Div的一部分的背景颜色

Question

假设我有一个带链接的导航栏：

           <div class="navbar-inner navlinks">
                <ul class="nav">
                    <li><a class="brand" href="#"><img src="img/logo.png" /></a></li>
                    <li> <a href="#">Accueil</a></li>
                    <li> <a href="#">Ouvrez</a></li>
                    <li> <a href="#">Decouvrir</a></li>
                </ul>
            </div>

这是使用Twitter Bootstraps进行的，因此链接位于导航栏容器中，并且所有链接都作为块元素向左浮动，如典型导航栏中所示。整个导航栏的背景颜色为蓝色，如我navlinks课程中所定义。它的高度明显高于链接的文本。

我想要的是链接在它们悬停时改变整个“区域”的背景颜色。现在，当我添加悬停选项和背景颜色更改时，它只会更改链接所在文本的背景区域，这几乎不会引起注意。我希望它也能在下一个链接之前更改文本上方，下方和右侧的空间颜色。我认为twitter将此作为一个块元素处理就可以了，但它似乎没有用。

Answer 1

我不确定你的问题是什么，但是如果你要向锚a:hover添加悬停，也许你只需要在链接li:hover{}上使用悬停

Answer 2

或者，您可以通过在'a'标记中添加填充而不是'li'来定义导航的高度，然后使用常规#menu a：hover。