css到达另一个元素

你能帮我到达吗？从班级开始。右班级悬停？ 我一直在尝试+和~，但可能我做错了什么。 代码如下：

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

---

如果您可以摆脱typeSelector div，那么有一个解决方案

然后使用同级选择器~

.左：悬停~.一

但我不确定它在所有浏览器中都能正常工作

---

你不能这样做。不过，您可以使用Javascript。这个问题有点不清楚。在CSS中，通过将这一行添加到CSS文件中，您可以使用类“form”设置任何样式。form{//put CSS here}顾名思义，级联样式表以向下继承的方式工作。因此，使用纯CSS无法达到所需的结果。您不想使用JavaScript实现此目的有什么具体原因吗？好的，谢谢您的帮助。。。。我将使用JavaScript