css - 关于更改导航栏中事件页面的背景图像的问题

Question

我们在更改导航栏中事件页面的背景图像时遇到问题。在 css 中尝试了很多东西，比如 a:active 、 .active 等，但没有用。我们已经使用 nth-child 来更改悬停的背景图像。请帮忙提出建议。

Answer 1

不要使用 nth-child 编码，这无助于更改事件页面的背景图像。而不是使用以下 CSS 代码:

#uiList {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background:url(../m1.png);
}

#uiList a{
    display:block;
    height:195px;
    width:78px;
}
.active{
    background:url(../m1_selected.png);
}

#uiList1 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background:url(../m2.png);
}

#uiList1 a{
    display:block;
    height:195px;
    width:78px;
}
.active1{
    background:url(../m2_selected.png);
}

Html code:
<ul id="uiList">
<li><a href="#"></a></li>
</ul>
<ul id="uiList1">  
<li><a href="#"></a></li>
</ul>