Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么赢了';我的导航栏链接的颜色不会改变吗_Html_Css_Twitter Bootstrap_Css Selectors_Navbar - Fatal编程技术网

Html 为什么赢了';我的导航栏链接的颜色不会改变吗

Html 为什么赢了';我的导航栏链接的颜色不会改变吗,html,css,twitter-bootstrap,css-selectors,navbar,Html,Css,Twitter Bootstrap,Css Selectors,Navbar,这就是我现在的HTML。我正在尝试更改导航栏中的特定链接。“字体系列”、“行高”和“字体大小”都可以工作,但链接的颜色不会改变 <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle"

这就是我现在的HTML。我正在尝试更改导航栏中的特定链接。“字体系列”、“行高”和“字体大小”都可以工作,但链接的颜色不会改变

    <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

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

它可能在代码的其他地方被覆盖。添加
!重要信息
,请参见颜色定义。如果这纠正了颜色,那么是的,它在样式中的某个地方被覆盖

右键单击该链接,然后在Google Chrome或Firefox中“检查”该链接。您将能够看到哪些样式专门应用于链接

例如:


它可能在代码的其他地方被覆盖。添加
!重要信息
,请参见颜色定义。如果这纠正了颜色,那么是的,它在样式中的某个地方被覆盖

右键单击该链接,然后在Google Chrome或Firefox中“检查”该链接。您将能够看到哪些样式专门应用于链接

例如:


您需要使用
颜色:
(非
字体:
)。

您需要使用
颜色:
(非
字体:
)。

您需要使用
.textstyle16a
.textstyle16a:link
作为选择器。链接是
.textstyle16
元素的子元素,它们本身没有该类,并且在浏览器默认样式中有
a
标记的颜色声明,如果您不使用这些选择器,则会应用该声明。

您需要使用
.textstyle16 a
。textstyle16 a:link
作为选择器。链接是
.textstyle16
元素的子元素,它们本身没有该类,并且浏览器默认样式中有
a
标记的颜色声明,如果您不使用这些选择器,则会应用该声明。

没有字体:35;fffff;选项没有字体:#fffff;选项
    .textstyle18 {
font-family:"montserrat-regular";
font-size:18px;
line-height:21px; 
color:#ffffff;
    }