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

Question

我们在更改导航栏中活动页面的背景图像时遇到问题.在css中尝试过很多东西,比如: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>