Asp.net CSS-悬停时更改子类背景图像

对于可选选项卡，我有以下代码：

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

当tabOff悬停时，有没有办法更改我的类“lightCorner TL”和“lightCorner TR”以使用不同的背景图像，而不使用JavaScript

这是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;
}

---

我从未尝试过，但我会从以下几点开始：

.tabOff:hover .lightCorner {
}

---

但我不知道这是否是正确的用法。

我从未尝试过，但我会从以下几点开始：

.tabOff:hover .lightCorner {
}

.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;
}

---

但我不知道这是否是正确的用法。

这对于一开始来说非常有效，但我需要分别控制TL和TR角。谢谢放弃它，让它与您的示例一起工作，只需将.lightCorner替换为.TR！好吧，就用.tabOff:hover.TR{}和.tabOff:hover.TL{}试试吧，上面只是一个例子。注意IE的早期版本不能正确处理：hover on non-a元素。@Sam DeFabbia Kane:是的，但是由于OP已经在div上使用了：hover，我想IE6不是一个要求。这对于一开始来说非常有用，但我需要分别控制TL和TR角。谢谢放弃它，让它与您的示例一起工作，只需将.lightCorner替换为.TR！好吧，就用.tabOff:hover.TR{}和.tabOff:hover.TL{}试试吧，上面只是一个例子。请注意，IE的早期版本不能正确处理：hover on non-a元素。@Sam DeFabbia Kane:是的，但是由于OP已经在div上使用了：hover on-div，我想IE6不是必需的。

.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;
}