css到达另一个元素

Question

你能帮助我在.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>

Answer 1

如果您可以摆脱#typeSelector div。

，有一个解决方案

然后使用“兄弟”选择器~

.left:hover ~ .transform3D #one

但我不确定它是否适用于所有浏览器。

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