классы CSS не работают - PullRequest
Новая
       36

классы CSS не работают

0 голосов
/ 22 марта 2012

У меня есть куча div, которые я настроил, и я пытался поменять классы на дочернем div, когда вы наводите курсор мыши на родителя. Прямо сейчас я пытаюсь сделать это с помощью jQuery, но я также был бы рад использовать псевдо-классы.

Наведение не работает, и я думаю, это потому, что стиль был указан как встроенный, но когда я удаляю стиль из встроенного и делаю это как класс, весь div просто исчезает. Предполагается, что это 3D-стек, и это просто 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/. Спасибо за любые мысли по этому поводу.

1 Ответ

1 голос
/ 22 марта 2012

Я бы сделал это с помощью 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
}​

Затем добавьте другие детали по мере продвижения.Вот это ДЕМО

Удачи.

...