有关在导航栏中更改活动页面的背景图像的问题

Question

我们在更改导航栏中活动页面的背景图像时遇到问题。在css中尝试过很多东西，比如：active，.active等，但是没有用。我们使用nth-child来改变悬停的背景图像。请帮助您的建议。

Answer 1

不要使用n-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>