CSS link 指向当前活动页面时的属性

Question

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

Answer 1

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

理论
制作一个 css class 你想要的样式（你可以将它命名为 .nav-active 或任何你想要的。
然后将 class 附加到具有 javascript 点击功能的元素，这里是使用 jQuery.

的示例

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

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

http://codepen.io/edfreitas/pen/PqbWbP

Answer 2

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