html - 如何更改 .class 和 'a' 设置？

Question

我的一些代码是这样组织的:

<div class="row">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#">FAQ</a></li>

我需要更改事件类的背景颜色，还需要更改“主页”和“常见问题解答”的颜色。我该怎么做？我尝试了上百万种不同的方法，但我是 HTML/CSS 的新手，遇到了一些困难。

Answer 1

i need to change the the background color of the active class

您可以通过将以下内容添加到您的 CSS 来更改事件类的背景:

.active{background:red;}

and i also need to change the color of 'Home' and 'FAQ'

您可以使用“a”选择器同时定位主页和常见问题解答，因为它们都是“a”元素内的文本节点。

.nav a{background:blue;}

编辑:既然您已经将问题扩展到修改文本，这里有一些额外的例子。

如果您想修改导航栏文本链接属性，您可以使用以下 CSS:

.navbar-default .navbar-nav>li>a{
颜色:绿色；
字体大小:15px；
字体粗细:粗体；
}

如果您想修改导航栏下拉文本链接属性，您可以使用以下 CSS:

.dropdown-menu>li>a{
颜色:蓝色；
}

进行修改将使您的网站看起来像这样: