0

私はDivを持っていますが、私がやりたいのは、div1にカーソルを合わせるとdiv2が変わることです。

これはCSSで実行できる.div1:hover .div2ので、1にカーソルを合わせると、2が変更されます。

以前、同じスタイルシートでもこれを使用しましたが、何らかの理由で機能しません。

これはCSSです。

#slide {
width:220%;
height:300px;
text-align:center;
position:relative;
top:0px;
left:0px;
-webkit-transition: left 2s linear;
-moz-transition: left 2s linear;
-ms-transition: left 2s linear;
-o-transition: left 2s linear;
transition: left 2s linear;
}
.six {
position:relative;
top:0px;
left:0px;
background-color:#F00;
}
.six:hover #slide {
left:-100%;
}

だから、これは私にはよく見え、同じスタイルシートで動作しますが、何かがそれを止めていますか？

どんなアイデアでも素晴らしいでしょう。

4

1 に答える 1

2

.div1:hover .div2セレクターは「ホバーされたクラスを持つ要素の子であるクラスをdiv2持つ要素」を参照するため、がの子であるdiv1場合にのみ機能します。div2div1

div2と無関係にする必要がある場合はdiv1、JavaScriptでのみこれを行うことができます。このようなもの（jQueryライブラリを使用）：

$('.div1').hover(function() {
    $('.div2').addClass('div1-hovered-on');
}, function() {
    $('.div2').removeClass('div1-hovered-on');
});
于 2012-08-01T17:58:23.053 に答える