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

The solution would probably be JS:

$(".letter").hover(function() {
    $(this).closest("#word").toggleClass("hovered")
});

Here is a fiddle: http://jsfiddle.net/zT9AS/2