通过更改背景图像和链接创建li

Question

我创建了一个列表，每个li元素都有一个背景图片，当鼠标悬停在li上时会发生变化。此外，li应包含指向其他网页的链接。

我认为它的错误html写<a href="..."><li></li></a> - 我们应该避免这样做，对吗？

但是如何在链接到另一个页面的li元素中创建一个链接，另外改变背景图片的CSS仍处于活动状态？

HTML：

<li class="list_skybox"><a href="skybox.html"></a></li>

CSS：

.list_skybox {
  background: url('../img/skybox_unactive.png') no-repeat;

}

.list_skybox:hover {
  background: url('../img/skybox.png') no-repeat;
}

谢谢！