Bootstrap navbar active css class - 如何应用于子内容

问：

我的 Bootstrap 导航栏有 3 个主菜单链接，没有子菜单。这 3 个链接本质上是类别。如果您单击菜单链接，其文本颜色将更改以反映您使用此 CSS 所在的页面：

.navbar-nav .nav-link.active {
color: #e6321e;
}

我正在尝试弄清楚如何使特定类别的所有内容能够控制其类别菜单链接的活动状态，以便在查看子内容时菜单文本保持彩色。这将使特定的子内容看起来与特定类别相关联。

Bootstrap 导航栏位于每个页面上，因此 navbar-nav 类可供操作。我不想使用子菜单。

我尝试创建一个块并使用 Block Class 模块将 navbar-nav 类应用于它，但无法让它明显地工作。

另一个想法是在菜单链接中使用通配符？

感谢您的时间和想法。