CSS：別のdivのa：hoverでdivのプロパティを変更しています。可能ですか？どうやって？

Question

これを参照してくださいfiddleください。私がやろうとしています何
は#menu ul li内a -tagにホバリングに、#header-bottomのbackground-color色もa -tagのbackground-colorと類似のように変更する必要があります。 これをどうすれば実現できますか？

更新
これをCSSのみで行うyippie！ :) Here is the fiddle

Answer 1

ここにはjQueryメソッドがあります（このJavaScriptを私のために作るにはあまりにも多くの努力が必要です）。しかし、それは翻訳することができます。

http://jsfiddle.net/PCbVs/9/

$('.menu').hover(

function() { 
    var color = $(this).css('borderLeftColor'); 
    console.log(color); 
    $('#header-bottom').css('backgroundColor', color); 
}, function() { 

});​ 

かのjQuery UIのアニメーションスタイルのトランジションを。

http://jsfiddle.net/PCbVs/10/

$('.menu').hover(

function() { 
    var color = $(this).css('borderLeftColor'); 
    console.log(color); 
    $('#header-bottom').stop().animate({ backgroundColor: color }, 500); 
}, function() { 

});​