為什么我不能覆蓋“nav-link”的引導程序 class 並更改鏈接文本的顏色？

Question

如果我去掉“a”標簽的“nav-link”的 class，那么我可以更改文本顏色。 但后來我失去了所有其他設置，如填充。

 <div class="collapse navbar-collapse" id="navbarsExampleDefault">
      <ul class="navbar-nav me-auto mb-2 mb-md-0">
        <li class="nav-item active">
          <a class="nav-link white" aria-current="page" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="contact.html">Contact</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="about.html">About</a>
        </li>

Answer 1

nav-link有來自 Bootstrap 的 styles。 如果您從中刪除 class 名稱，則a標簽會丟失樣式。

要添加您自己的樣式，您需要在 class 中聲明您的樣式並將其添加到a標記中。 如果您想確保您的樣式覆蓋引導樣式，您可能需要使用!important 。