css类不工作

Question

我有一堆divs，我已经设置了，并且我试图当您将鼠标悬停在父级上时交换子div上的类。现在我试图用jQuery来做，但我也很乐意使用伪类。

悬停不起作用，我认为这是因为样式被列为内联，但是当我从内联中删除样式并将其作为类完成时，整个div就会消失。它假设是一个3d堆栈，所以它只是一个具有白色背景和不透明度的div。

---

DIV的是：

<div id = "3dstack_4" class = "3dstack_4_nohover"></div> 

...我有类列为：

.3dstack_4_nohover { 
    border:0px solid red; 
    -webkit-transform: translate3d(1px, 14px, 0px); 
    position:absolute; 
    z-index:12; 
    height:34px; 
    width:46px; 
    background-color:#ffffff; 
    opacity:.3; 
} 

---

这里是的jsfiddle： http://jsfiddle.net/7EH7X/4/。感谢您对此的任何想法。

Answer 1

我会这样做使用CSS。这是一个很简单的例子：

的HTML

<div id="container"> 
    <div>A</div> 
    <div>B</div> 
</div>​ 

的CSS

#container > div { 
    display: none 
} 
#container > div:first-child { 
    display: block 
} 
#container:hover > div { 
    display: block 
}​ 

然后添加其他细节你的进步。这里是DEMO

祝你好运。