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

Question

在drupal网站上使用bootstrap 3，如何更改指向当前活动页面的链接的颜色和重量？我尝试使用a:active，但这并不符合我的预期。

Answer 1

在服务器端，您可以使用javascript进行创建。

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

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

这是一支钢笔，你可以看到它的工作原理：

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

Answer 2

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