在悬停纯CSS上更改父级Div的背景

Question

我的HTML：

<div class="service-row" id="ReadyToGo">
<img src="assets/img/home-row-1.png" alt="">

<div class="service-details">
    <div class="service-title">
        <h2>Ready to Go</h2>
    </div>

    <div class="service-subtitle">
        <b>100% klaar voor een winters avontuur.</b>
    </div>

    <div class="service-desc">
        <p>Heeft u deze winter een roadtrip of shortski gepland? Ontdek onze all-in ReadyToGo wintercheck, de
            handigste inpaktips en de beste reisapps van het moment om optimaal te genieten van uw reis.</p>
    </div>

    <a href="#">
        Meer Info
    </a>
</div>
</div>

我的CSS：

#ReadyToGo > .service-details > a:hover {
background: yellow;
}

.service-details a {
color: red;
}

.service-details > a:hover > #ReadyToGo {
background: pink;
}

目标：

如果将鼠标悬停在“ Meer Info”上，我想更改服务行的背景。我已经尝试过在StackOverflow上找到的多个“解决方案”，但是由于某些原因它们对我不起作用。我还尝试将指示器更改为〜和>，但这也无济于事。

这甚至可以用纯CSS完成吗？