css - 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/