jquery - 需要帮助在 html/dreamweaver/css 中突出显示我们下划线的事件页面

Question

我有一个网站，我想在其中突出显示或在事件页面下划线，以便浏览者一眼就能知道他们在哪个页面上。这是 html 和 CSS。我的代码如下所示:

<div class="mainNav" id="nav1">
<span class="navBar">
<a href="index.html" id="homelink">HOME</a> | 
<a href="team.html" id="teamlink">OUR TEAM</a> | 
<a href="partners.html" id="partnerlink">PARTNERS</a> | 
<a href="contact.html" id="contactlink">CONTACT US</a>
</span>
</div>

我对此有点陌生，并且对 Dreamweaver、html 和 CSS 有一定的了解，因此我需要找到一种方法来为站点访问者轻松识别页面。感谢您的帮助....

Answer 1

如果您手动制作每个 HTML 页面，那么您需要做的就是为突出显示的 <a></a> 提供一个 CSS 类。标记，然后在您的 CSS 表中，指定使用该类突出显示 anchor 的规则。这是一个简单的例子:

HTML

<a href="www.example.com/page1.html" class="highlighted">About me</a>
<a href="www.example.com/page2.html">Contact me</a>

CSS

a.highlighted {
  font-weight: bold;
}

另一种方法是使用 JavaScript，这可能会有点困惑，或者使用服务器端解决方案，例如内容管理系统。