hover روی li اجرا نمی شود.

سلام

li:hover div {
    background-color:yellow;
}

این کد css یعنی:

زمانی که عنصر li هاور شد، div داخل آن بکگراند زرد بگیرد.

اما در ساختار HTML، عنصر div داخل (فرزند) li نیست، بنابراین با هاور شدن li اتفاقی نمی‌افتد.

<ul>
    <li>li</li>
</ul>

<div>div</div>

برای اجرا شدن این قطعه کد CSS، باید ساختار HTML به این شکل باشد :

<ul>
    <li>li
        <div>div</div>
    </li>
</ul>