你如何定义“活跃”?
- 如果您的意思是您当前悬停的那个,您可以通过应用
#filters a:hover
规则来做到这一点。
- 如果您指的是当前选择的页面,则只能通过在“活动”链接中添加类名或设置的 ID / 类来手动执行此操作
<body>
(这样,您可以根据“当前”页面设置多个样式)。
更新:这是一种使用 JavaScript 选择链接的方法。
<script type="text/javascript">
function select (x)
{
var a = document.getElementById ("filters").getElementsByClassName ("active");
for (var i = 0; i < a.length; ++i)
a[i].className = "";
x.className = "active";
}
</script>
<a href="#" id="link1" onClick="select(this)">Foo</a>
<a href="#" id="link2" onClick="select(this)">Baz</a>
<a href="#" id="link3" onClick="select(this)">Bar</a>