CSS/JS Solution: On hover of child element, change parent div

Question

I know CSS is \"cascading\", but in this case I want the effect to ascend. I\'m open for either a JS or CSS solution, but honestly I\'d prefer the solution with the least a

Answer 1

True;

#word #h:hover {
    background-color: rgba(0, 102, 0, .5); 
}

False;

#h:hover #word{
    background-color: rgba(0, 102, 0, .5);
}