So I've been trying to do this little website where I can highlight my divs when I hover my navigation bar. I made it so that my div gets to 0.3 opacity when i hover my whole navigation bar, but I want it to only get to 0.3 opacity when i hover the 1 of the 3 content of the navigation bar.

I've put my code in <https://jsfiddle.net/qjk0cpse/1/> for you to be able to check ot my code. Thanks in advance!

HTML:

```
<div class="navbar">
    <div class="navbar-list">Spela!</div>
    <div class="navbar-list">Bakgrundsinformation</div>
    <div class="navbar-list">Information</div>
</div>

```

CSS:

```
.navbar:hover ~.game{
    opacity:0.3;
}

```