我無法在我的 html 檔案中將“.navlink”的顏色更改為白色。請幫我把“.navlink”的顏色改成白色。
<section id="navbar-section">
<nav class="navbar navbar-dark navbar-expand-md bg-primary " >
<a href="#" class="navbar-brand">tent workshop</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active" >
<a href="#" class="nav-link" aria-current="page">Home</a>
</li>
<li class="nav-item active" >
<a href="#" class="nav-link" aria-current="page">Contact</a>
</li>
<li class="nav-item active" >
<a href="#" class="nav-link" aria-current="page">Products</a>
</li>
</ul>
</div>
</nav>
</section>uj5u.com熱心網友回復：
您應該始終使用 Bootstrap 使用的選擇器來覆寫 bootstrap 定義的顏色。此外，您的 CSS 必須包含在 Bootstrap 之后。
.navbar-nav .nav-link {
color: #ffffff;
}
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
color: #ffffff;
}或者您使用“！important”覆寫 Bootstrap 中的 CSS
.nav-link {
color: #ffffff!important;
}
.nav-link:focus,
.nav-link:hover {
color: #ffffff!important;
}uj5u.com熱心網友回復：
你會試試這個嗎？
<a href="#" class="nav-link" style="color:white;" aria-current="page">Home</a>
風格=“顏色：白色；” 它通常有效
uj5u.com熱心網友回復：
<nav class="navbar navbar-light navbar-expand-md bg-light " >
嘗試這個 。它將使您的導航欄背景顏色變為白色
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429622.html