Html 如何将活动导航链接的颜色更改为其他颜色？

如何将原始颜色（蓝色）更改为其他颜色（如灰色）

<div class="col-md-4 ftco-animate py-5 nav-link-wrap aside-stretch">
     <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist">
         <a class="nav-link px-4 active" id="v-pills-room-tab" data-toggle="pill" href="#v-pills-room" role="tab" aria-controls="v-pills-room" aria-selected="true"><i class="fas fa-bed"></i> Rooms</a>
         <a class="nav-link px-4" id="v-pills-event-tab" data-toggle="pill" href="#v-pills-event" role="tab" aria-controls="v-pills-event" aria-selected="false"><i class="fab fa-dribbble"></i> Events</a>
         <a class="nav-link px-4" id="v-pills-dining-tab" data-toggle="pill" href="#v-pills-dining" role="tab" aria-controls="v-pills-dining" aria-selected="false"><i class="fas fa-cocktail"></i> Dining</a>
         <a class="nav-link px-4" id="v-pills-policy-tab" data-toggle="pill" href="#v-pills-policy" role="tab" aria-controls="v-pills-policy" aria-selected="false"><i class="fas fa-feather-alt"></i> Policy</a>
     </div>
</div>

---

这些是根据您的需要链接到样式的状态

a:link - a normal, unvisited link
a:visited - link the user has visited
a:hover - link when the user mouses over it
a:active - link the moment it is clicked

这将应用于所有

a

标记，如果您想对特定类执行现有操作，可以使用类名并使用此属性

.nav-link px-4:active {
  color:grey;
};

这个链接可以给你更多的想法，你可以在那里测试它

---

我知道，您正在使用引导，因此您可以使用，例如bg success：

<a class="nav-link px-4 active bg-success" id="v-pills-room-tab" data-toggle="pill" href="#v-pills-room" role="tab" aria-controls="v-pills-room" aria-selected="true"><i class="fas fa-bed"></i> Rooms</a>

---

您可以通过css更改它

.active {
  color: #DCDCDC;   
}

---

您需要覆盖现有的样式，例如a:focus{color:grey；}