css - 如何在 Semantic-ui 中将顶部导航栏上的下拉按钮设置为事件状态？

Question

我查看了 Semantic-ui 文档，但找不到如何继续在我的顶部导航栏菜单中将下拉项设置为 active(未打开)，与常规项相同.

active 类用于打开它们，同时用于突出显示常规菜单链接。

换句话说，当我在那个菜单下拉项的路径之一时，我想突出显示它，就像链接一样，但我不知道我应该使用什么类。

我开始为此制作自己的 css 类，但我很确定他们有一个关键字，我想检查一下。

---

编辑:我很快编了一些东西，测试了倒置菜单，无论是否是次要菜单。然而，这个问题仍然存在。

.menu:not(.secondary) .dropdown.item.current{
  background: rgba(255,255,255,.15);
  color: #fff !important;
}
.menu:not(.secondary) .dropdown.item.current:after{
visibility: visible!important;
z-index: 100!important;
background: #3d3e3f !important;
margin: 0 !important;
box-shadow: none !important;
border: none !important;
}
.menu.inverted .dropdown.item.current{
border-color: #fff;
}

Answer 1

要使下拉项突出显示而不打开，请在元素中包含“selected”类而不是“active”类