CSS - 懸停

Question

更改子類的背景圖像我有一個可選擇的選項卡下面的代碼：

<div class="tabOff"> 
    <div class="lightCorner TL"></div><div class="lightCorner TR"></div> 
    <div class="cornerBoxInner"> 
     <p>My Tab</p> 
    </div> 
</div> 

在鼠標tabOff的，我有以下CSS改變背景色：

.tabOff:hover 
{ 
    background:#AAA; 
    color:#CDEB8B; 
} 

有什麼辦法，我可以改變我的班「lightCorner TL」和「lightCorner TR」使用不同的背景圖片，沒有JavaScript，當tabOff懸停

這是對於lightCorner TL和TR當前CSS：

.lightCorner 
{ 
    background:url(../Images/LightCorner.gif) no-repeat; 
} 
.TL 
{ 
    top:0px; 
    left:0px; 
    background-position:0px 0px; 
} 
.TR 
{ 
    top:0px; 
    right:0px; 
    background-position:-13px 0px; 
} 

Answer 1

我從來沒有嘗試過，但我會先從：

.tabOff:hover .lightCorner { 
} 

鴕鳥政策知道這是正確的用法雖然。

Answer 2

.tabOff:hover div.lightCorner { 
    background:url(../Images/LightCorner.gif) no-repeat; 
} 
.tabOff:hover div.TL { 
    top:0px; 
    left:0px; 
    background-position:0px 0px; 
} 
.tabOff:hover div.TR { 
    top:0px; 
    right:0px; 
    background-position:-13px 0px; 
}