изменить другой элемент, когда мышь в CSS

Question

Я хочу изменить другой элемент за пределами текущего уровня элемента в CSS3. Я попытался использовать символ плюс, но все еще не работает.

<div id="a"> 
<div id="a_1"> 
<ul> 

<li>test1</li> 
<li>test2</li> 
</ul> 
</div> 
</div> 

<div id="b"> 
</div> 

я хочу изменить #b цвет фона я попробовать это, но все еще не работает

a ul li:hover #b{ 
background-color:blue; 
} 

, а также попытался это, но не работает слишком

a ul li:hover + #b{ 
background-color:blue; 
} 

Answer 1

Вы должны использовать JavaScript или JQuery для этого.