Как правильно обратиться к элементу?

Question

[Yupiter7575]

Есть div, в нем лежит маркированный список:

В этом списке может быть больше элементов. Задача состоит в том что, при наведении на li с классом nav__content, у него должен меняться фон. Код который я приложил меняет фон, но он меняет и у всех вложенных li с этим классом (а их может быть много). Как сделать чтобы менял фон только у того на который навел, без изменения разметки? В интернете нашел :first-child, но я без понятия куда его можно впихнуть.

Answer 1

[lUser L]

https://jsfiddle.net/nvx7tpy5/

Answer 2

[Keppp]

.wrapper ul li:hover > .nav__content {
background-color: red;
}