2013-01-21 64 views
1

如何在懸停時更改其他類的屬性。懸停時CSS鏈接和更改屬性

如果我說我有A級和B級,A級有懸停事件,如果我想在B級內部進行懸停時,我該怎麼辦?

A:hover {} 

B{ color:#FFF; } 

A:hover + B{ color:#000; } didnt work 

其實CSS

.has_child is inside of .navi 

.navi > ul > li:hover 
+ .navi > ul > li > .has_child:after { 
    color: #09F; 
} 

HTML

<nav class="navi "> 
    <ul> 
     <li style="height:8px; width:8px; padding:0px; margin:0px;">&nbsp; 
     </li> 
     <li> 
     <a href="#" class="MM_no_child">General Config</a> 
     </li> 
     <li> 
     <a href="#" class="MM_has_child">Menu</a> 
     <ul> 
      <li style="height:8px; width:8px; padding:0px; margin:0px;">&nbsp; 
      </li> 
      <li> 
      <a href="#" class="MM_no_child">English</a> 
      </li> 
      <li>&nbsp; 
      </li> 
     </ul> 
     </li> 
     <li> 
     <a href="#" class="MM_no_child">User Level</a> 
     </li> 
     <li> 
     <a href="#" class="MM_no_child">User</a> 
     </li> 
     <li> 
     <a href="#" class="MM_no_child">Tag</a> 
     </li> 
     <li> 
     <a href="#" class="MM_no_child">Log</a> 
     </li> 
     <li>&nbsp; 
     </li> 
    </ul> 
    </nav> 

非常感謝你的建議。

==============

更新

看似+運營商將也不工作,如果有無>之前。 A:hover + B {color:#000; hover + B {color:#000; }會正常工作。 A:hover + C> B {color:#000; } 不管用。

+0

什麼是你的HTML結構? – BenM

+0

它的HTML5,我回答正確嗎? – Till

+0

不是。結構看起來如何?你有什麼元素? – BenM

回答

2

適合我。

enter image description here

您應該檢查你的選擇。你使用的是什麼瀏覽器?

+0

我喜歡.navi> ul> li:hover + .navi> ul> li> .MM_has_child:在{}之後,did not work – Till

+0

嘗試使用'+ li> .has-child:after'代替。 – bevacqua

+0

試過,沒有工作...我已經更新html – Till

1

.A必須是內.B

<div class="A"> 
    <div class="B"> 
     something 
    </div> 
</div> 

然後在你的樣式表:

.A:hover .B { some css code } 
+0

它沒有工作,我已經更新了我的實際CSS – Till