2013-03-24 2 views
0

Я следовал за гидом, но не могу применять стили.Как я могу использовать css с рельсами и конвейером активов

Как сделать страницу фоном синим?

У меня есть следующий файл: app/assets/stylesheets/main.css.scss

Содержание являются: body { background-color: #123456;}

У меня есть следующие в моем app/assets/application.css.scss файле:

/* 
* 
*= require_self 
*= require_tree . 
*/ 

Веб-страница, после загрузки включает в себя следующую строку головная бирка:

<link href="/assets/main.css?body=1" media="all" rel="stylesheet" type="text/css" /> 

Но моя веб-страница не синяя, так что я;)

Как получить цвет фона веб-сайта как синий?

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

+1

Когда вы проверяете стили вашего тега тела (с помощью инструментов firefox или chrome dev), ваш фоновый цвет переопределяется другими стилями? – Robin

+1

Почему ваш объект SCSS с именем 'application.css.scss', когда вы пытаетесь получить доступ к' main.css'? – awendt

+0

application.css.scss требует main.css.scss. – Robin

ответ

0

Ваша ссылка css должна ссылаться на application.css - это основное имя файла, в которое скомпилирована остальная часть css.

<link href="/application.css?body=1" media="all" rel="stylesheet" type="text/css" /> 

также, в рельсах он предпочитает использовать хелперы активов:

<%= stylesheet_link_tag "application" %> 

См http://guides.rubyonrails.org/asset_pipeline.html для получения дополнительной документации.

+1

Это не обязательно так. В режиме Dev по умолчанию он не объединяет файлы в один. –

+0

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

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