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

body 태그의 스타일 (firefox 또는 chrome dev 도구를 사용하여)을 검사 할 때 배경 스타일이 다른 스타일로 덮어 쓰여 있습니까? – Robin

+1

'main.css'에 접근하려고 할 때 SCSS 자산 이름이'application.css.scss' 인 이유는 무엇입니까? – 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

관련 문제