ejs 템플릿 엔진을 사용하여 CSS 및 JS 파일을 node.js/express 응용 프로그램에 추가하고 있습니다. JS 파일이 적용되지만 첫 번째 포함 된 CSS 파일 만 적용됩니다. 모든 파일이 포함되지만 해당 스타일은 첫 번째 파일 이외의 HTML에 적용되지 않습니다. 다른 CSS 파일을 첫 번째 파일로 가져 오는 경우에만 HTML에 적용됩니다.노드 js html의 첫 번째 포함 된 CSS 파일 만 적용됩니다.
정적 메서드를 통해 추가 중. HTML
<link href="css/custom.css" rel="stylesheet" title="custom" type="text/css" />
에서
app.use(express.static(__dirname + '/public'));
그런 다음이 코드에 의해 일반적으로 파일을 볼 수 있어야합니다 당신은 구조 아래
./public
/css
/style.css
같은 공용 폴더에 파일을 넣어 가정
<link href="/css/custom.css" rel="stylesheet" type="text/css" />
스타일 태그를 제거하십시오.
html에 처음으로 포함 된 파일의 CSS 만 볼 수 있습니다. 첫 번째 파일 이후에 추가 된 모든 css 파일은 적용되지 않습니다. CSS 파일에는 스타일 태그가 없습니다. css 파일을 첫 번째 CSS 파일로 가져 오면 적용되지만 그렇지 않으면 적용되지 않습니다. – Nadeem
@Nadeem 당신은 나와 함께 응용 프로그램의 폴더 구조를 공유하시기 바랍니다 수와 HTML은 – tyehia
가 ./views /파셜 /head.ejs ./public /CSS를 /custom.css을 app.js 링크 – Nadeem
브라우저 개발자 도구에서 콘솔과 네트워크를 확인하십시오. 오류가 있습니까? –
아무런 관련이 없습니다. 파일은 추가되고 파일에는 오류가 없지만 css가 요소에 적용되지 않습니다. – Nadeem
가능한 [css 파일을 ejs에 추가] (http://stackoverflow.com/questions/18629327/adding-css-file-to-ejs) – tyehia