2016-04-30 4 views
0

У меня есть стиль ниже (файл связан, а цвет показывает - никаких проблем с привязкой).Confused by div получение стилей только при указании элемента управления

div.hazoo { 
    background: aquamarine; 
} 

Однако, когда я удалить спецификацию Controler и использовать только стиль, как будто я имею в виду любого управления на странице, цвет становится тормозится назад к черному по умолчанию (мы говорим Navbar в теме бутстрэпов в , под MVC). Я даже пробовал без точки в начале - тот же результат, конечно.

.hazoo { 
    background: aquamarine; 
} 

Разметка является очень, очень defaulty один из верхней части файла _Layout.cshtml, как показано ниже.

<body> 
    <div class="navbar navbar-inverse navbar-static-top hazoo"> 
    ... 
    </div> 
</body> 

Что мне не хватает? Или я ошибаюсь в убеждении, что присвоение стиля может быть выполнено с помощью общего компонента с использованием этого синтаксиса? Основываясь на моем предыдущем опыте, я могу, но Bootstrap удивил меня несколько раз за последние несколько недель, поэтому я полон уважения к своему невежеству (если это связано с этим для начала, я не уверен).

ответ

1

См W3's selector specifity docs и вы должны выяснить, почему в одном случае цвет фона переписывается или нет. нет никаких проблем, чтобы увеличить вес селектора для конкретного матча

Это вопрос веса селектора (специфичность) или положения внутри таблицы стилей

  • дважды в селекторе же вес/специфичности : последний обновляет предыдущие

  • 2 или более селектор разного веса/удельного веса: тот, у которого самый вес/спецификация обновляет другие. , кажется, ваш случай

W3C примеры:

*    /* a=0 b=0 c=0 -> specificity = 0 */ 
    LI    /* a=0 b=0 c=1 -> specificity = 1 */ 
    UL LI   /* a=0 b=0 c=2 -> specificity = 2 */ 
    UL OL+LI  /* a=0 b=0 c=3 -> specificity = 3 */ 
    H1 + *[REL=up] /* a=0 b=1 c=1 -> specificity = 11 */ 
    UL OL LI.red /* a=0 b=1 c=3 -> specificity = 13 */ 
    LI.red.level /* a=0 b=2 c=1 -> specificity = 21 */ 
    #x34y   /* a=1 b=0 c=0 -> specificity = 100 */ 
    #s12:not(FOO) /* a=1 b=0 c=1 -> specificity = 101 */ 
0

загрузки начальной загрузки и перейти к bootstrap.css и изменить цвет для Navbar-обратной там, как я не думаю, что самозагрузки снаружи позволит вам изменить цвет.

+0

По некоторым причинам я не буду в состоянии изменить внутренний материал в Bootstrap. Я должен полагаться на его изменение из моих собственных классов за пределами Bootstrap. Кроме того, обратите внимание, что я ** уже ** изменил внешний вид. Вопрос заключается не в том, как повлиять на внешний вид, но почему я не могу этого сделать, используя второй синтаксис, в то время как тот, который явно указан явно, работает. –