html - 为什么我的导航栏链接的颜色不会改变

标签 html css twitter-bootstrap css-selectors navbar

<分区>

这就是我现在拥有的 HTML。我正在尝试更改导航栏中的特定链接。 “font-family”、“line-height”和“font-size”都有效,但链接的颜色不会改变。

    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="#" class="navbar-left"><img src="resources/assets/yf_logo.svg"></a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Programs</a>
              <ul class="dropdown-menu">
                <li><a href="#">Shelter</a></li>
                <li><a href="#">Drop-ins</a></li>
                <li><a href="#">Street Outreach</a></li>
                <li><a href="#">Community Partners</a></li>
                <li><a href="#">FAQ</a></li>
              </ul>
            </li>
            <li class="textstyle16"><a href="#">Get Involved</a></li>
            <li class="textstyle16"><a href="#">About</a></li>
            <li class="textstyle16"><a href="#">Contact</a></li>
            <li class="textstyle18"><a href="#">Donate</a></li>
          </ul>
        </div>
      </div>
    </nav>

这是我的第一个 CSS

    .textstyle16 {
font-family:"montserrat-regular";
font-size:18px;
line-height:21px;
color:#474747;

这是我的第二个CSS

    .textstyle18 {
font-family:"montserrat-regular";
font-size:18px;
line-height:21px; 
color:#ffffff;
    }

最佳答案

您需要使用color:(不是font:)。

关于html - 为什么我的导航栏链接的颜色不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42655253/

上一篇:html - 如何以固定边距居中元素?

下一篇:jquery - 不打破线和最大宽度

相关文章:

html - 将元素置于(Bootstrap)响应图像上

javascript - 遍历 Canvas 像素并找到每个白色像素的 x、y 和位置

javascript - 在父框架上加载 Tinybox(在 iframe 上)

javascript - react : HTML Details toggles uncontrollably when starts open

javascript - 如何定位自动重叠的元素

javascript - 在 Textarea 中的 Keyup 事件上触发 Twitter Bootstrap Popover?

css - 如何将 Bootstrap 选项卡设置为自动宽度?

html - 使用 Typescript 检索 <li> 的确切 X/Y 值,无论鼠标在何处单击

css - Coffeescript Dashing 小部件背景色

css - 试图使 flex 元素等高但 flex-grow 不起作用