css - 站点网络栏 - 显示当前站点统计信息、CSS？

Question

目前我正在研究一个小元素，设计的一个方面是一个“网络栏”，它将显示在页面的最顶部，并将包含指向站点网络下的各个站点的链接。

但是，我想加入的一项功能是能够以某种方式显示事件站点。

例如: 网络栏显示:SiteA SiteB SiteC SiteD SiteE 您目前在:SiteC 整个站点的结果:在 SiteC 中，网络栏中的 SiteC 样式不同，以显示状态更改。而站点 A、B、D 和 E 的样式都相同，表明它们不是事件站点。

这是否可以完全通过 CSS 实现，还是需要 jQuery 或其他 JavaScript 片段之类的东西？

欢迎任何帮助。老实说，我什至不知道如何进一步搜索...需要一些时间。

再见!

Answer 1

这很简单。只需将一个类添加到具有关联 CSS 声明的事件链接:

   <a href="..." class="active">My site</a>
   <a href="...">Other site</a>

CSS:

a.active {
    font-weight:bold;
}

或:

...使用一个ID:

<a href="..." id="active">My site</a>
<a href="...">Other site</a>



a#active {
    font-weight:bold;
}