2014-09-04 7 views
-1

나는 내 마음을 잃고 있습니다.로컬로 CSS 상대 경로 - 렌더링하지 않음 (파일 : //)

폴더 구조 : 파일 : 나는 찾아

<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<!-- CSS --> 
<link rel="stylesheet" href="css/app.css"> 

app.css

//= Main App CSS File 
//---------------------- 

.header { 
    color: red; 
} 

: HTML 파일의 머리에서

spend 
    css 
    - app.css 
    js 
    - app.js 
    index.html 

/// 사용자/존/프로젝트/지출/index.html

CSS가 렌더링되지 않습니다. (예 : 헤더 클래스 텍스트가 빨간색이어야 함)

Chrome (또는 나)이 수행하는 작업은 무엇입니까?

+0

나는'header'가 참으로'class'이고, html에서는'id'가 아니라고 가정합니다! – worldofjr

+0

전체 파일 경로를 사용할 때 CSS가로드됩니까? 같은 폴더에 넣고'href = "app.css"'를 사용하면 어떨까요? – flowstoneknight

+0

@flowstoneknight - 아무데도 넣지 않습니다. 나는 당신이 제안한 것을 시도했다. – sidewalksalsa

답변

1

제거이 CSS 파일에서하시기 바랍니다 (그 잘못 깨는 당신의 다른 고급 포맷)

// = 메인 앱의 CSS 파일 // -------------- --------

+0

O M G. 나는 SASS 코멘트를 사용하고있었습니다 ... 빛을 보도록 도와 주셔서 감사합니다. – sidewalksalsa