CSS link and change property when hover

[sahs]

How can I change another class's property when one's hovering.If I say I have A and B class, A has hover event, If I want to change inside of B when A hover, how can I do?\[code\]A:hover {}B{ color:#FFF; }A:hover + B{ color:#000; } didnt work\[/code\]Actually CSS\[code\].has_child is inside of .navi.navi > ul > li:hover + .navi > ul > li > .has_child:after { color: #09F;}\[/code\]HTML\[code\] <nav class="navi "> <ul> <li style="height:8px; width:8px; padding:0px; margin:0px;">&nbsp; </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">General Config</a> </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_has_child">Menu</a> <ul> <li style="height:8px; width:8px; padding:0px; margin:0px;">&nbsp; </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">English</a> </li> <li>&nbsp; </li> </ul> </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">User Level</a> </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">User</a> </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">Tag</a> </li> <li> <a href="http://stackoverflow.com/questions/14440374/#" class="MM_no_child">Log</a> </li> <li>&nbsp; </li> </ul> </nav>\[/code\]Thank you very much for your advice. ==============UpdateSeem like + operator will nor work if have > before.A:hover + B{ color:#000; } will work fine.A:hover + C > B{ color:#000; } will not work.