2013-02-03 45 views
1

你能帮我达成.form上.right类的悬停吗? 我已经尝试了+和〜,但可能我做错了什么。 下面的代码: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> 
+0

你不能这样做。不过,你可以使用Javascript。 – matthewpavkov

+0

问题有点不清楚。在CSS中,您可以通过将此行添加到您的css文件中来为任何类型的表单添加样式。 – Bnjmn

+0

顾名思义,级联样式表以向下继承的方式工作。因此,您无法使用纯CSS达到所需的结果。 是否有任何特定的原因,你不想为此使用JavaScript? – Kippie

回答

0

有,如果你可以摆脱#typeSelector DIV的解决方案。

,随后与“兄弟”选择~

.left:hover ~ .transform3D #one

但我不知道它在每个浏览器中工作。

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

相关问题