如何使当前页面与其他链接不同

Question

我希望当前页面以绿色背景着色 这是我的代码

我的css

a.current:active{background:green;} 

现在。我的HTML

<a class="current" href="/">Home</a> / 
<a class="current" href="about">About</a> / 
<a class="current" href="contact">Contact</a>

但这不起作用帮我解决这个问题

Answer 1

“：主动选择器用于选择和设置活动链接的样式。

单击链接后，链接将变为活动状态。“

你应该做的是为所有链接使用'current'类，而不是像这样使用当前页面

 <a class="current" href="/">Home</a> / <a href="about">About</a> / <a href="contact">Contact</a>

用css包含像这样的声音

a.current {
     background: green;
}

Answer 2

使用“当前”类进行当前页面链接。