当子链接处于活动状态时更改父项的颜色

Question

我想做这样的事情。我在父母内部有一个链接，我想在每次点击链接时更改父级和链接的背景。有可能吗？

这是我的小提琴http://jsfiddle.net/x5m5m035/

a:active {
   background-color: yellow;
}
div{
   background-color: red; 
}

因此，当我点击链接时，父母的背景颜色也应该是黄色。

我很抱歉，如果问得太傻了。

由于

Answer 1

使用纯CSS是不可能的，因为CSS没有父选择器，但你可以使用javascript或JQuery来做到这一点。

试试这个JQuery代码：

$('a').mousedown(function() {
    $(this).parent("div").css("background-color","yellow");
}).mouseup(function() {
    $(this).parent("div").css("background-color","red");
});

<强> Check JSFiddle Demo

Answer 2

如果没有脚本，就没有办法实现。