How can i change the container by hovering on the content

Question

i'm trying to know how to change the container by hovering on the content

.container {
   width:100vw;
   height:100vh;
}
.content:hover .container {
   background-color:#fff;
}

<div class="container">
   <div class="content">content</div>
</div>

Answer 1

.container{
    width:100vw;
    height:100vh;
    background: red;
}    
.container:hover{
    background: white;
}