CSS未应用于单独的ejs文件
是因为ejs文件本身并不直接支持CSS样式的引入和应用。ejs是一种嵌入式JavaScript模板引擎，主要用于生成动态的HTML页面。它允许在模板中嵌入JavaScript代码，以便动态地生成HTML内容。
通常情况下，CSS样式是通过在HTML文件中使用<link>标签或<style>标签来引入和应用的。但是在ejs文件中，由于其主要用于生成HTML内容，不直接支持CSS样式的引入和应用。
要在ejs文件中应用CSS样式，可以通过以下几种方式实现：
- 内联样式：可以直接在ejs文件中使用<style>标签，将CSS样式直接写在模板中。例如：
<style>
body {
background-color: #f1f1f1;
}
</style>- 外部样式表：可以将CSS样式写在一个独立的.css文件中，然后在ejs文件中使用<link>标签引入外部样式表。例如：
<link rel="stylesheet" href="/path/to/style.css">- CSS框架：可以使用一些流行的CSS框架，如Bootstrap、Tailwind CSS等，这些框架提供了一套预定义的CSS样式和组件，可以直接在ejs文件中使用。可以通过在模板中引入相关的CSS框架文件或使用CDN链接来使用这些框架。
需要注意的是，以上方法都是基于ejs文件最终生成的HTML页面来应用CSS样式的。在实际开发中，可以根据具体需求选择适合的方式来应用CSS样式。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS CDN：https://cloud.tencent.com/product/css
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用平台 TKE：https://cloud.tencent.com/product/tke
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络 CDN：https://cloud.tencent.com/product/cdn
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储 COS：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
1回答
CSS未应用于单独的ejs文件
css、node.js、ejs
所以我试图弄清楚为什么我的CSS文件不能加载到我的ejs文件中。我已经确保我正确地添加了页眉，并制作了一个测试页面，并且只使用页眉/导航栏和CSS加载来渲染它。我唯一能想到的就是在我的app.js文件中呈现blog.ejs文件的方式。这是一个博客项目，所以我使用route params让每个帖子都呈现在自己的页面上。查看我的</
浏览 30提问于2020-07-02得票数 0
回答已采纳
1回答
为什么我的样式表适用于我所有的ejs文件？
html、css、node.js、express、ejs
我正在使用Express、MongoDB和EJS模板视图引擎创建一个MongoDB应用程序。我已经创建了创建服务器的server.js文件。我已经创建了一个单独的header.ejs文件，它将包含在我的其他ejs文件中(如index.ejs、about.ejs、contact..ejs等)。但是，当我只为header.ejs文件
浏览 3提问于2019-05-03得票数 0
1回答
如何将样式从css文件导入到.ejs模板并通过电子邮件发送？
css、node.js、email、ejs、nodemailer
我想做的是：如果为样式创建单独的路径并将其插入HTML中，用户将需要“授权”下载这些样式；，如果我只是像普通的HTML一样导入，则不会通过电子邮件。。2. en-us.ejs文件夹“视图”包含我<e
浏览 13提问于2022-11-16得票数 0
3回答
如何将css应用于node.js？
javascript、html、css、node.js、mongoose
在这段代码中，我将一个html文件调用到app.js中，css样式不会应用于html，但是当我单独打开没有app.js的html路径时，就会应用样式，下面是代码：const bodyParser = require("body-parser");const mongoose =re
浏览 4提问于2022-04-27得票数 0
回答已采纳
1回答
如何为ejs部分包含单独的css文件？例如，我有将嵌入到sidebar.ejs中的index.ejs，如何将sidebar.css包含到sidebar.ejs文件中，因为它没有添加链接的head部分。
浏览 1提问于2022-04-21得票数 0
1回答
我应该在ejs文件中使用脚本标记和样式标记吗？
javascript、html、ejs、hoisting
我使用ejs作为我的node.js模板引擎，我使用ejs作为页面的不同组件，例如主页可能由header.ejs + sidebar.ejs + main.ejs组成，每个页面代表页面的不同部分。每个ejs文件都有自己的CSS和JavaScript，我在这些ejs文件中直接使用脚本标记和样式标记。这现在很好，但是呈现出来的HTML看起来有点奇怪，例如，在HTML主体
浏览 0提问于2021-11-08得票数 1
回答已采纳
1回答
Docker或nodemon:重新加载问题
node.js、docker、nodemon
Docker容器中的nodemon停止加载有什么原因吗？我没有任何问题，重新加载，直到一半的项目。我已尝试将package.json文件更改为"start": "nodemon --legacy-watch"，但仍然存在此问题。^4.17.1", "mongoose": "^5.12.7",
"morgan":
浏览 1提问于2021-05-21得票数 0
0回答
将EJS模板编译为单独文件夹中的HTML
gulp、ejs
我需要将我的ejs模板导出到项目根目录下一个单独的"dist“文件夹中的html文件。我确实安装了gulp-ejs，并在我的gulpfile.js中进行了以下设置，但它没有创建文件夹，也没有将html文件编译到其中： );
gu
浏览 5提问于2016-12-31得票数 1
1回答
如何为ejs中的每个视图添加单独的CSS文件
node.js、express、ejs
我想为ejs中的每个视图添加一个单独的CSS文件。└─ views ├─ view1.ejs ├─ view3.ejs所有这些视图都只有一个文件(即style.css )的样式。我将这个CSS文件链
浏览 1提问于2022-09-19得票数 0
回答已采纳
1回答
NODE.JS:如果我尝试访问子文件夹，404页面的CSS会中断
node.js、express、ejs
我有一个CSS页面，它适用于每个页面，包括视图目录中的404 (我使用节点.JS以及express和ejs)。app.use('*', (req, res) => {}); CSS包含在partials> header.ejs中，它包含在views文件夹中的每个文件中。我在头文件中有<link rel=&q
浏览 16提问于2020-07-16得票数 0
2回答
如何将JS和CSS分割成单独的HTML文件？
javascript、webpack、webpack-2、html-webpack-plugin
我有一个非常特殊的需求，我需要使用HtmlWebpackPlugin将JS脚本标记分割成一个文件，将CSS链接标记分割成另一个文件。import webpack from 'webpack'import HtmlWebpackPlugin from'], collap
浏览 0提问于2018-02-20得票数 15
回答已采纳
3回答
在express静态中使用中间件不适用于节点js。
javascript、node.js
中，最后将main.ejs注入到index.ejs中<!DOCTYPE html><head> <link type="text/css" href="/resourc
浏览 0提问于2019-01-13得票数 0
2回答
header.ejs和footer.ejs无法正常工作
node.js、express、mongoose、ejs
我已经创建了一个“部分”目录与header.ejs和footer.ejs文件，其中包含所有的页眉和页脚信息，如引导，自定义css等。在我的项目中，问题是bootstrap和其他自定义css只适用于根路由。项目/视图包含所有路由的ejs文件。例如，路线"/cars/toyota“的toyota.ejs文件、路线"/cars&
浏览 3提问于2018-10-05得票数 1
1回答
当多个路由与express、ejs一起使用时，不考虑css文件
javascript、css、node.js、express、ejs
如果我使用app.get("/compose")或app.get("/dynamic")-单路由，则我的CSS文件将生效，并相应地设置h1、p的样式；但如果我使用app.get("/posts/dynamic") -即-双路由，则不会考虑我的CSS文件，尽管页眉和页脚可以正常工作 const express
浏览 2提问于2020-04-29得票数 1
7回答
我想使用链接导航到ejs中的另一个页面。
javascript、node.js、express
我想使用链接导航到下一页，但我遇到了404错误，我已将模板从jade更改为ejs <body> <ul style="color:white; float
浏览 4提问于2016-12-25得票数 3
2回答
如何将Webpack配置为具有公共js和html特定js的多个html文件？
angular、webpack
我正在尝试添加一些额外的内容，比如lib.ts (用于自定义库而不是角度依赖)和redirect.html页面，后者将被第三方用作身份验证的回调页面(例如Dropbox)。所以我的webpack.common.js现在看起来 'polyfills': './src/polyfills.ts', template: 'src&#x
浏览 2提问于2016-09-01得票数 2
回答已采纳
1回答
仅应用节点js html中包含的第一个css文件。
html、css、node.js、express、ejs
我使用ejs模板引擎将CSS和JS文件添加到我的node.js/express应用程序。正在应用JS文件，但只应用了第一个包含的CSS文件。所有文件都被包括在内，但是除了第一个文件之外，它们的样式不会被应用到html。如果我只将其他css文件导入到第一个文件中，那么它们将应用于html。
通过静态方法添加。app.us
浏览 0提问于2017-05-16得票数 0
1回答
包含公用文件夹时出现深度路径问题
html、css、node.js、express、ejs
文件夹路径图像：- ? Css文件不能在练习文件夹中工作，只导入没有样式的header-ejs文件，但它可以用于章节和其他文件...我该如何修复它？exercise.ejs代码图像：- ? chapters.ejs文件： ?
浏览 15提问于2020-08-30得票数 0
2回答
ExpressJS在某些路由上不应用CSS
javascript、html、css、node.js、express
当我去localhost:3000我的css工作，但当我去localhost:3000/r/test我的css不工作，我得到这样的信息： Refused to apply style from 'http每当我有一个路径超过一个子路径的路由(我甚至不确定这是不是正确的术语)，我的css根本就不能工作。res.render('test');
app.listen(3000, (
浏览 20提问于2021-10-31得票数 0
回答已采纳
3回答
加载单独的css样式表(heroku nodejs)
css、node.js、heroku
我无法为heroku web应用程序加载单独的css样式表，无论是在本地还是在heroku服务器上。我最近从google app engine迁移过来，我在那里加载样式表的方式工作得很好。下面是我的代码：var express = require("express");app.use(express.logger>
<title>Starters Singapore
浏览 1提问于2013-07-07得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
