指向当前活动页面时的 CSS 链接属性答案

【问题标题】：CSS link properties when pointing to the currently active page指向当前活动页面时的 CSS 链接属性
【发布时间】：2015-05-25 22:28:32
【问题描述】：

在 drupal 站点上使用 bootstrap 3，如何更改指向当前活动页面的链接的颜色和权重？我尝试使用a:active，但这并没有达到我的预期。

【问题讨论】：

【解决方案1】：

Drupal 正在向当前页面的链接添加一个“活动”类。这与将<a> 的属性设置为“活动”不同。在 CSS 中使用选择器 a.active 而不是 a:active。您应该能够检查开发人员工具中的属性，以确保添加的类以及如何定位它。

【讨论】：

【解决方案2】：

在服务器端，您可以使用 javascript 来制作。

理论
使用您想要的样式创建一个 css 类（您可以将其命名为 .nav-active 或任何您想要的。
然后使用 javascript click 函数将该类附加到元素上，这是一个使用 jQuery 的示例。

$(".nav-item").click(function(){
    $(".nav-item").removeClass("nav-active");
    $(this).addClass("nav-active");
});

这是一支笔，你可以看看它是如何工作的：

【讨论】：