当李徘徊时，如何改变li和a的背景颜色？

Question

所以这是我的问题，请查看此网站：

http://rawgameshop.com/test.php

在左侧显示“更容易浏览游戏！”我有2个li元素，里面有链接。我想要达到的目标是，当李徘徊时，他们会改变颜色。

如果你现在尝试一下，a元素只会在正好悬停在它上面而不是li时改变颜色。

我尝试了以下内容：

<a href="#"><li>UNDER 5€</li></a>

但是在li元素（字母右下方）留下了一些讨厌的线条，甚至认为我把文字装饰：无处不在。

Answer 1

首先，列表项应该在列表元素中，而不是锚点。如果您希望它们包含链接，则将锚点放在列表项中。

回答你的问题我会用

ul:hover li, ul:hover li a {background:red;}

Answer 2

首先将您的标记更改为：

<li><a href='#'>Text</a></li>

然后在你的CSS中你可以做到：

li a:hover{
    background-color: blue;
}

由于您的a现在正在为li标记提供宽度，因此整个内容会改变颜色。