Блог

Главная - Вопросы по программированию - Не удается изменить «цвет» панели навигации начальной загрузки. Можно ли изменить другие элементы внутри класса?

Не удается изменить «цвет» панели навигации начальной загрузки. Можно ли изменить другие элементы внутри класса?

#twitter-bootstrap

#twitter-bootstrap

Вопрос:

Я пытаюсь изменить атрибут «color» на панели навигации начальной загрузки. Я могу изменить любую другую функцию элемента («оформление текста» и т.д.), Но по какой-то причине я не могу переопределить цвет? 

 <nav class="nav navbar-default">
  <div class="container-fluid">
       <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1" aria-expanded="false"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    </div>

    <div class="collapse navbar-collapse" id="defaultNavbar">
     <ul class="nav navbar-nav">
        <li><a href="[-- VAR.URL --]/sage.html">SACRED HERBS<span class="sr-only">(current)</span></a></li>

                       ...


                <li><a href="[-- VAR.URL --] /specials.html">SALE</a></li>
</ul>

  </div>

</div></nav>

И вот CSS, который я использую:

 .navbar-default {
  background-image:none;
  width:100%;
}


.navbar-nav {
    background-color: #29bbdb;
    width: 100%;
    }


.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight:600;
    text-decoration:underline;
    background-color: transparent;

 }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  font-weight:600;
  color: #D1D4D4;
  background-color: transparent;
  text-decoration:overline;

}

Комментарии:

1. Вы пробовали просто создать свой собственный класс с соответствующими стилями и добавить его в панель навигации? Не просто пытаюсь переопределить существующий?

2. Спасибо, Эндрю, я попробовал это. Это не сработало. Странно то, что CSS позволяет мне изменять все остальные элементы — я могу изменить «оформление текста», «вес шрифта» и т.д… просто не «цвет»

3. хм, если вы хотите изменить цвет самой панели навигации, может быть, будет лучше, если вы попытаетесь изменить background-color , а не color стиль?

4. нет, я пытаюсь изменить цвет текста, а не панели, поэтому используется «цвет».

5. можете ли вы объяснить, какой именно текст? может быть, вы создадите fiddle, чтобы я мог взглянуть?