Question

我知道有类似的问题，但经过大量的解决方案搜索后，没有一个能为我工作。

我试图在导航栏中设置样式（主要关注字体，颜色和悬停）。

HTML：

        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <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="#">FLO Home</a>
        </div>

        <div class="collapse navbar-collapse nav-links" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#about">About</a>
                </li>
                <li>
                    <a href="#services">Products</a>
                </li>
                <li>
                    <a href="#contact">Contact</a>
                </li>
            </ul>
        </div>

    </div>

</nav>

css：

.navbar {
background-color: white;
}

.nav-links li a {
color: black;
}

它看起来像什么： Screen Shot

Answer 1

在bootstrap中，为ANCHOR链接着色：

.nav a {
  color: black;
}

您也可以在浏览器中使用Dev-Tools并右键单击要设置样式的元素，以便识别类。

Answer 2

在导航栏中的元素中创建一个类。例如，将其命名为blackletter。然后在css中将color：black放在.blackletter

下

样式导航栏链接

2 个答案: