下拉菜单仍处于活动状态时菜单项的背景颜色

Question

我想通过更改背景颜色来模拟菜单项是否已连接到下拉菜单。

如何在下拉菜单处于活动状态时更改“目录”菜单项的背景？

当我使用以下代码将鼠标悬停在菜单项上时，我已经能够改变背景颜色：

.site-nav__link--button:focus, .site-nav__link--button:hover {
  background-color: #B8A899;}

This is my website.

我对 CSS/HTML 非常陌生，我不知道生成最小工作示例的相关代码是什么。

有人能指出我正确的方向吗？我可以在哪里修改我的代码以产生所需的行为？

编辑： 这是我想要实现的效果，我希望在我通过下拉菜单移动鼠标光标时保持背景颜色：

Answer 1

添加此呼吁。

li.site-nav--has-dropdown:hover {
     background-color: #B8A899;
}