CSS animations: targeting a different element

[tomatoKetchup]

Hello,

 

Let's say I have 2 <div>, one wiith id=A and one with id=B

 

I want that, when hovering the mouse cursor to #A, the div #B performs an animation (let's say a transition).

 

Is that possible with CSS?

 

Thanks for reading,

 

tomatoKetchup

[dsonesuk]

Only if id="b" is sibling to id="a"

 

#A:hover + #B {...}

 

<div id="A">ggggg</div>

<div id="B">ggggg</div>

 

or

#A:hover ~ #B {...} this shouuld work but test first

 

<div id="A">ggggg</div>

<div id="Aa">ggggg</div>

<div id="B">ggggg</div>

 

this won't work

 

<div id="A">ggggg</div>

 

<div id="Aa">ggggg

<div id="B">ggggg</div>

</div>

 

as now "B" is child of "Aa" and so is not a sibling element to "A" any longer, but "Aa" is a sibling to "A".

[tomatoKetchup]

Ok I see, thanks for your answer.