悬停在孩子身上时更改父母

Question

我正在尝试使用子子菜单创建一个菜单栏。当我将鼠标悬停在其中一个子子菜单链接上时，我希望该子子菜单的子菜单父级更改背景颜色。

我菜单的简化形式。

<ul id="menu-bar">
    <li><a href="index.html">Home</a></li>
    <li><a href="test.html">Test</a>
        <ul>
            <li><a href="test1.html">Test 1</a>
                <ul>
                    <li><a href="test1a.html">Test 1 A</a></li>
                    <li><a href="test1b.html">Test 1 B</a></li>
                    <li><a href="test1c.html">Test 1 C</a></li>
                </ul>
            </li>
            <li><a href="test2.html">Test 2</a></li>
            <li><a href="test3.html">Test 3</a></li>
        </ul>
    </li>
</ul>

当我将鼠标悬停在Test 1 A链接上时，我希望Test 1链接更改背景颜色。我不认为我可以用CSS做到这一点

如果它有帮助，我使用活动类作为活动链接。

先谢谢。