关于更改导航栏中活动页面的背景图片的问题

Question

我们在更改导航栏中活动页面的背景图片时遇到问题。在CSS中尝试了很多东西，如：active，.active等，但没有奏效。我们使用了第n个孩子来更改悬停的背景图片。请帮助你的建议。

Answer 1

不要使用第n个子代码，这将无助于更改活动页面的背景图像。代替 使用以下代码：

#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>