2013-02-03 38 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/

相關問題