Site Network Ba​​r - 显示当前站点统计信息,CSS?

时间:2012-04-24 18:13:24

标签: css

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

但是,我想要合并的一个功能是能够以某种方式显示活动网站。

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

这完全可以通过CSS实现,还是需要jQuery或其他JavaScript代码片段?

欢迎任何和所有帮助。我甚至不知道如何进一步搜索这一点,说实话......需要一段时间。

阿迪奥斯!

1 个答案:

答案 0 :(得分: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;
}