css - 如何仅针对 WordPress 上的顶级导航项显示事件状态(例如下划线)？

Question

导航菜单由顶级元素组成，其中之一称为“商店”。

在“商店”中，下拉菜单中显示了子级元素。这些元素是产品类别，单击时，事件 CSS 状态(文本转换:下划线)仅显示在下拉菜单中，而不显示在“商店”按钮上。

我需要在“商店”上为所有下拉项显示此事件状态指示，因为在菜单不可见时为下拉项加下划线毫无意义。完全破坏了用户体验。

我正在使用 WordPress 和 WooCommerce。

Answer 1

您需要使用 current-menu-parent 选择器向您的样式表添加一些代码。代码-

li.current-menu-parent > a{ text-decoration: underline; }