html 突出显示Navbar上的活动页面

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 突出显示Navbar上的活动页面相关的知识，希望对你有一定的参考价值。

<ul>
  <li>
    <p>
      <a href="{{ "/" | relative_url }}" {% if page.title == 'Home' %} class='active' {% endif %}>
        Home
      </a>
    </p>
  </li>  
  <li>
    <p>
      <a href="{{ "/about" | relative_url }}" {% if page.title == 'About' %} class='active' {% endif %}>
        About
      </a>
    </p>
  </li>
</ul>

以上是关于html 突出显示Navbar上的活动页面的主要内容，如果未能解决你的问题，请参考以下文章

重定向到新页面时如何使 <li> 保持突出显示？

如何在导航栏上突出显示活动路线？

在php的菜单中突出显示当前页面

Angular 6：如何根据滚动突出显示导航栏上的元素？

如何根据活动页面突出显示导航菜单项（具有:: after伪元素）。

如何在母版页菜单中突出显示活动页面？