仅应用节点 js html 中包含的第一个 css 文件答案

【问题标题】：Only the first included css file in node js html is being applied仅应用节点 js html 中包含的第一个 css 文件
【发布时间】：2017-10-15 12:31:51
【问题描述】：

我正在使用 ejs 模板引擎将 CSS 和 JS 文件添加到我的 node.js/express 应用程序中。正在应用 JS 文件，但仅应用了第一个包含的 CSS 文件。所有文件都包含在内，但除了第一个文件之外，它们的样式未应用于 html。如果我只将其他 css 文件导入第一个文件，那么它们就会应用于 html。

通过静态方法添加。

app.use(express.static(__dirname + '/public'));

在html中

<link href="css/custom.css" rel="stylesheet" title="custom" type="text/css" />

【问题讨论】：

在浏览器开发者工具中检查控制台和网络，有没有错误？
没有相关的。文件已添加，文件没有错误，但 css 未应用于元素。
adding .css file to ejs的可能重复

标签： html css node.js express ejs

【解决方案1】：

假设您将文件放在公共文件夹中，如下结构

 ./public
        /css
            /style.css

那么你应该可以通过这段代码正常查看你的文件

<link href="/css/custom.css" rel="stylesheet" type="text/css" />

确保删除样式标签

【讨论】：

我只能看到应用于 html 的第一个包含文件的 css。在第一个之后添加的任何 css 文件都不会应用。 css 文件中没有样式标签。如果我将 css 文件导入到第一个 css 文件中，它们会被应用，但不会被应用。
@Nadeem 您能否与我分享您的应用程序的文件夹结构和您的 html 链接
app.js ./views /partials /head.ejs ./public /css /custom.css