css 如何更改导航栏中文本的颜色?

myss37ts  于 2023-01-27  发布在  其他
关注(0)|答案(3)|浏览(180)

我想更改导航栏中文本的颜色,准确地说是#b3b3b3,但看起来只有bootstrap提供的颜色,我该如何更改?
我是一个初学者程序员,这是我第一次建立一个网站。

<nav class="navbar" style="color: #b3b3b3; background-color: #121212;">
    <div class="container-fluid">
      <a class="navbar-brand" href="#">Navbar</a>
    </div>
</nav>

我试过了,纯粹是猜测,但似乎不起作用

i2byvkas

i2byvkas1#

要更改导航中文本的颜色,需要更改<a>标记的颜色,而不是<nav>标记的颜色。
试试这个:

<nav class="navbar" style="background-color: #121212;">
    <div class="container-fluid">
      <a class="navbar-brand" href="#" style="color: #b3b3b3">Navbar</a>
    </div>
</nav>

或者你可以做得很有风格

nav a {
color: #b3b3b3;
}
dbf7pr2w

dbf7pr2w2#

你试过css吗?
喜欢

.custom-navbar {
    color: #b3b3b3;
}
jgovgodb

jgovgodb3#

我知道你已经有了答案,但这里有一些你将来可以用的替代方法:
1.将属性直接应用于CSS文件中的类(或者如果只想使用一次该属性,则应用id)(可能是最有用的方法):

.navbar-brand {
  color: #b3b3b3;
}

1.使用CSS文件中的类名和子组合符应用属性:

.navbar > .container-fluid > .navbar-brand  {
  color: #b3b3b3;
}

1.在CSS文件中使用标记和子组合符应用属性:

nav > div > a {
 color: #b3b3b3;
}

1.对标记应用了内嵌样式(不是最佳做法):

<nav class="navbar" style="background-color: #121212;">
 <div class="container-fluid">
   <a class="navbar-brand" href="#" style='color: #b3b3b3;'>Navbar</a>
 </div>
</nav>

相关问题