sass 숙제 질문

html

<div class="container">
        <ul class="sh-list mt-5">
            <li class="active">Cras justo odio</li>
            <li>Dapibus ac facilisis in</li>
            <li>Mori leo risus</li>
        </ul>
    </div>

sass

.sh-list{
    li{
        list-style: none;
        padding: 15px;
        border: 1px solid #eee;

        &:hover .active{
            background: red;
            color: white;
        }
    }
}

li에 마우스를 올릴 시 active 클래스를 가진 li의 배경을 변경 하고 싶었습니다만 동작하지 않습니다. 혹시 뭐가 문제 일까요?