ejsテンプレートエンジンを使用してnode.js/expressアプリケーションにCSSファイルとJSファイルを追加しています。 JSファイルが適用されていますが、最初にインクルードされているCSSファイルのみが適用されています。すべてのファイルがインクルードされていますが、スタイルは最初のもの以外のhtmlには適用されません。他のCSSファイルを最初のファイルにインポートすると、htmlに適用されます。ノードjs htmlに含まれる最初のcssファイルのみが適用されています
静的メソッド経由で追加。
app.use(express.static(__dirname + '/public'));
<link href="css/custom.css" rel="stylesheet" title="custom" type="text/css" />
その後、あなたは、このコードによって、通常
をあなたのファイルを表示することができるはずあなたが構造./public
/css
/style.css
以下のように、パブリックフォルダにファイルを置くと仮定すると、
<link href="/css/custom.css" rel="stylesheet" type="text/css" />
スタイルタグを削除してください。
htmlに最初にインクルードされたファイルのCSSが表示されます。最初のファイルの後に追加されたcssファイルは適用されません。 CSSファイルにスタイルタグはありません。私が最初のCSSファイルにcssファイルをインポートすると、それは適用されますが、それ以外の場合は適用されません。 – Nadeem
@Nadeemあなたは私と一緒にあなたのアプリケーションのフォルダ構造を共有してください可能性があり、あなたのHTMLが – tyehia
app.js ./views /パーシャル /head.ejs ./public /CSS /custom.cssリンク – Nadeem
ブラウザの開発者ツールでコンソールとネットワークを確認してください。エラーがありますか？ –
何も関連しません。ファイルが追加され、ファイルにエラーはありませんが、CSSは要素に適用されていません。 – Nadeem
[cssファイルをejsに追加する]の複製があります（http://stackoverflow.com/questions/18629327/adding-css-file-to-ejs） – tyehia