Question

所以，我想在导航栏中建立一个活跃的链接，但它只能在＆＃34; Pocetna＆＃34;页面，但不是其他人......这就是我所做的：

<nav>
    <ul>
        <a href="#"><li class="active">Pocetna</li></a>
        <a href="#"><li>Forum</li></a>
        <a href="#"><li>Galerija</li></a>
        <a href="#"><li>Donacije</li></a>
        <a href="#"><li>O nama</li></a>
    </ul>
</nav>

这是我的style.css：

nav li.active{
    color: #CCCCCC;
}

我正在使用bootstrap ......

Answer 1

您是否为每个导航链接创建了一个HTML文件？

如果您这样做，请执行以下操作：

<强> 1。转到“论坛”HTML索引文件，然后将导航栏更改为：

<nav>
  <ul>
    <a href="#"><li>Pocetna</li></a>
    <a href="#"><li class="active">Forum</li></a>
    <a href="#"><li>Galerija</li></a>
    <a href="#"><li>Donacije</li></a>
    <a href="#"><li>O nama</li></a>
  </ul>
</nav>

<强> 2。然后转到“Galerija”HTML索引文件，并将导航栏更改为：

<nav>
  <ul>
    <a href="#"><li>Pocetna</li></a>
    <a href="#"><li>Forum</li></a>
    <a href="#"><li class="active">Galerija</li></a>
    <a href="#"><li>Donacije</li></a>
    <a href="#"><li>O nama</li></a>
  </ul>
</nav>

你明白我要去哪儿吗？您只需将class="active"添加到活动 HTML索引文件中。

除非您希望更改Navbar链接的活动颜色，否则请勿触摸CSS。

导航栏中的活动链接无法正常工作

1 个答案: