css 클래스가 작동하지 않습니다.

Question

저는 여러 개의 div를 설정했으며, 부모 위로 마우스를 가져 가면 하위 div의 클래스를 바꿔 넣으려고했습니다. 지금은 jQuery로 해보려하지만, 의사 클래스도 사용하게되어 기쁩니다.

호버가 작동하지 않으며 스타일이 인라인으로 나열 되었기 때문에 생각합니다.하지만 인라인에서 스타일을 제거하고 전체 div가 사라지면 스타일이 사라집니다. 3 차원 스택이기 때문에 흰색 배경과 불투명도가 설정된 div 일뿐입니다.

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

... 그리고 같은 클래스가 나열되어 있습니다 :

---

사업부는 http://jsfiddle.net/7EH7X/4/ :

.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입니다. 이것에 대한 어떤 생각을 해줘서 고마워.

Answer 1

CSS를 사용하면됩니다.

html로

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

당신이 진행으로

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

그런 다음 다른 세부 사항을 추가하는 CSS : 여기에 아주 간단한 예이다. 여기에 DEMO

행운을 빕니다.