This might has been answered already, though I couldn't find a concrete answer to my situation. I wrote the following code:
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;
}
As you might have noticed, I am trying to change the style of a parent element and this, ofcourse, is a wrong method of trying to achieve that. Can anyone show me an example of how I can make this possible? I also made a FIDDLE