1

.rightクラスのホバーで.formクラスに到達するのを手伝ってもらえますか? 私はすでに + と ~ を試しましたが、おそらく何か間違ったことをしています。コードは次のとおりです。

<div id="searchForm">

  <div id="typeSelector">
    <div class="left"><img src="images/left_arrow.png"></div>
    <div class="middle"><img src="images/typeSelector.png"></div>
    <div class="right"><img src="images/right_arrow.png"></div>
  </div>

  <div class="transform3D">
    <div id="one" class="form"></div>
  </div>
  <div class="transform3D">
    <div id="two" class="form"></div>
  </div>
  <div class="transform3D">
    <div id="three" class="form"></div>
  </div>
  <div class="transform3D">
    <div id="four" class="form"></div>
  </div>

</div>
4

1 に答える 1

0

#typeSelector divを取り除くことができれば、解決策があります。

次に、「兄弟」セレクターを使用します~

.left:hover ~ .transform3D #one

しかし、すべてのブラウザで機能するかどうかはわかりません。

http://jsfiddle.net/NeekGerd/HHtef/

于 2013-02-03T22:47:46.497 に答える