2016-06-14 3 views
0

Я не уверен, почему это не работает, но я пытаюсь создать панель перехода на странице, которая в основном представляет собой только блок цветов для некоторого контента.CSS не применяется из таблицы стилей?

Я использую Bootstrap 3, но не уверен, что имеет к этому какое-либо отношение. Если я применил цвет непосредственно к тегу div, используя тег стиля, он будет работать. Тем не менее, я хотел бы, чтобы это было в моей таблице стилей, чтобы я мог добавить левую и правую границу. Когда я помещаю то же самое в свою таблицу стилей и пытаюсь применить его к стилю, он не будет отображаться. Я все еще участвую в использовании Dev Tools, но когда я просматриваю его с помощью F12, я выгляжу так, как будто он применяет мой стиль стилей, как должен.

Любые идеи о том, что я делаю неправильно?

Это работает. Я использую период, чтобы контролировать высоту на данный момент, но в конечном итоге попытаюсь применить некоторый стиль роста.

<div class="row"> 
    <div class="col-md-12" style="background-color:#6f88a1">.</div> 
</div> 

Это не

.home_transition_bar 
{ 
    border-left: 1px solid Black; 
    border-right: 1px solid Black; 
    background-color: #6f88a1; 
} 

<div class="row"> 
    <div class="col-md-12 home_transition_bar">.</div> 
</div> 
+1

Вы проверили его, чтобы увидеть, есть ли что-то большее, чем ваше правило CSS? Попробуйте добавить '! Important' в свой цвет фона и посмотреть, работает ли это так:« background-color: # 6f88a1! Important; ' –

+0

Хорошо работает для меня http://www.bootply.com/R8h7HwT8aV – j08691

+0

Честно говоря, не знаю что я сделал иначе, чем, может быть, но когда я вернулся, чтобы применить стиль стилей на этот раз, он сработал? Я пробовал три раза делать изменения, и этот раздел будет действовать, как ничто не применялось. Ну, по крайней мере, сейчас это работает. Спасибо, что посмотрели на это. – Caverman

ответ

0

хорошо, самозагрузка имеет некоторые предопределенные стили ... для того, чтобы перезаписать их, простой код CSS не может быть принят. Поэтому попробуйте в конце стиля «! Important». Например:

#header 
{ 
    background-color: red !important; 
} 

Я работаю с бутстрапом, и это сделало это для меня. Надеюсь, он поможет

Смежные вопросы