Question

所以我想改变导航栏的颜色。我曾经使用HTML和CSS，但之前没有真正进行过设计更改。由于某些原因，我无法弄清楚如何对我下载的这个html / css模板进行更改。

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.php">CandyCode</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#about">About</a>
                </li>
                <li><a href="#services">Services</a>
                </li>
                <li><a href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

我不确定在CSS中要改变什么。基本上我想将导航栏颜色更改为＃77bbb0。我可以显示更多代码，但我认为为了清楚起见，您可以在此处查看代码：http://startbootstrap.com/blog-home。

感谢帮助设计菜鸟！

Answer 1

最简单的方法是给有问题的HTML元素一个id，然后添加CSS规则：

#the_id_i_gave_it { background:#77bbb0; }

但是，如果您不能或不想编辑标记，您可以将元素上的各个类链接在一起，以使您的规则具有高度特异性：

.navbar.navbar-inverse.navbar-fixed-top { background:#77bbb0; }

只要这些课程没有改变，那就应该具体到足以获得你想要的div而不是其他人。

更改下载的模板导航颜色混淆

1 个答案: