更改父元素的CSS样式

Question

这可能已经得到了回答，但我无法找到具体的答案。我写了以下代码：

HTML：

<div class="parent">
 <div class="child">   
 </div>
</div>

CSS：

.parent {
   height: 100px;
   width: 100px;
   background-color: red;
}

.child {
   height: 50px;
   width: 50px;
   background-color: blue;
}

.child:hover .parent {
   width: 75px;
}

正如您可能已经注意到的那样，我正在尝试更改父元素的样式，而这当然是尝试实现这一目标的错误方法。谁能告诉我一个如何使这成为可能的例子？我也做了FIDDLE