如何更改.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>

我需要更改活动类的背景颜色，我还需要更改“Home”和“FAQ”的颜色。 我该怎么做？我尝试了一百万种不同的方式，但我是HTML/CSS的新手，我遇到了一些困难。

Answer 1

  

我需要更改活动类的背景颜色

您可以通过在CSS中添加以下内容来更改活动类的背景：

.active{background:red;}

  

我还需要改变“家庭”的颜色。和＆＃39;常见问题＆＃39;

您可以使用＆＃39; a＆＃39;定位主页和常见问题解答。选择器，因为它们都是内部的文本节点＆＃39; a＆＃39;元件。

.nav a{background:blue;}

编辑：现在您已将问题扩展到修改文本，以下是一些其他示例。

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

.navbar-default .navbar-nav>li>a{ color:green; font-size:15px; font-weight:bold; }

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

.dropdown-menu>li>a{ color:blue; }

进行修改会使您的网站看起来像这样：

Answer 2

.active {
    background:#333 !important;
}

对于您要编辑的其他链接，您可以添加一个类：

<li><a href="#" class="navLinks">FAQ</a></li>

然后设置类似于活动类的类

.navLinks {
    background:#333 !important;
}

我用过！很重要因为我无法看到您的代码，所以我不知道引导程序是否重写。我假设您使用的是bootstrap，因为我熟悉代码。尝试提供没有！重要的css，看看是否有效。您可以在链接到页面的样式表或文档的头部添加此项。有关css和html http://www.w3schools.com/css/

的更多信息，请访问此网站

Answer 3

这很简单，你只需要为这些项定义CSS。这是一个例子：

ul.nav li { background-color: #ff0000; } 
ul.nav li.active { background-color: #00ff00; }