使用 css 打开菜单时如何设置下拉菜单的主父锚点的样式

Question

在菜单打开后，最难尝试确定正确的 CSS 以定位下拉菜单父级的锚点。链接变成黄色，我需要它是另一种颜色。

我已经在这个CSS上尝试了所有状态组合，但当它处于下拉菜单打开时的状态时，似乎无法定位它。请参阅此处的示例，并将鼠标悬停在下拉链接之一上：https://6bq.107.myftpupload.com/product/gold-high-dose-gummies/

这是我用来定位元素的 CSS 代码。

.postid-1224 .main-navigation .main-nav ul li.menu-item-has-children>a {
    padding-right: 0;
    position: relative;
    color:#ffffff;
}

Answer 1

您需要定位菜单的

:hover

伪类。

.postid-1224 .main-navigation .main-nav ul li.menu-item-has-children:hover>a {
  color: red;
}