2013-10-08 4 views
0

В моем метеоре приложении у меня есть следующие правила в моем CSS:Добавление тела CSS стиля для метеора при использовании начальной загрузки

body { 
    background: #ddd url(../img/bg.png); 
    padding-top: 120px; 
} 

Это прекрасно работает локально, но когда я развернуть его, правила CSS не выбрало вверх. Когда я инспектировать элемент я вижу ссылку на самонастройки (v2.3.0), который я добавил, используя метеорит, и правило:

padding-top: 0; 

Являются два конфликтующих? Какие у меня варианты?

После различных изысканий я обнаружил, что повторение тег работает:

body { 
    background: #ddd url(../img/bg.png); 
    padding-top: 120px; 
} 

body { 
    background: #ddd url(../img/bg.png); 
    padding-top: 120px; 
} 

Ничто не улавливается в первом теге, так:

body { 
    padding-top: 120px; 
} 

body { 
    background: #ddd url(../img/bg.png); 
} 

не подушечка.

+1

Конфликтующие: нет. вы забыли упомянуть блок заполнения ('padding: 100px;'). если он по-прежнему сохраняется .. затем посмотрите на следующие Опции: 1. добавить! важно, как показано ниже, или попытаться найти специфичность в css, если вы можете 'padding-top: 100px! important' –

+1

Используйте' 100px'. Не уверен, почему '100' будет работать локально, хотя. Если вы не находитесь в режиме quirks локально и в стандартном режиме на сервере. –

+0

@MrLister. Он работает локально на Firefox, я думаю. Случается. –

ответ

1

Я могу только представить, что загрузочный загрузочный css загружается после вашего определенного css. Попробуйте переименовать свой файл css в main.style.css, и вы увидите, что ваши загруженные стили загружаются после стилей начальной загрузки.

Файлы, названные main. * Загружаются после всего остального в Meteor.

+0

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

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