Question

我的CSS代码不适用于ejs文件。但是由于某种原因，它适用于所有其他ejs文件。我的应用程序结构是... （使用nodejs和express）

app.js
util
routes
controllers
models
public
 -css
   -main css, etc
   -admin css folder
     -admin-page1 css
     -admin-page2 css 
views
  - includes (contains header/end.ejs)
  - admin folder 
    - admin-page1 ejs
    - and so on..

在app.js中，我有：
app.use（express.static（path.join（__ dirname，“ public”））））;

在我的ejs文件中，确实包含了我的ejs头文件。

我的include文件夹中的头ejs文件包含所有css文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><%=pageTitle%></title>  
<link rel = "stylesheet" type = "text/css" href = "css/main.css" />
<link rel = "stylesheet" type = "text/css" href = "css/bio.css" />  
<link rel = "stylesheet" type = "text/css" href = "css/admin/admin_request-list.css" />  
<link rel = "stylesheet" type = "text/css" href = "css/amin/admin_single-request.css" />  
<link rel = "stylesheet" type = "text/css" href = "css/quote_form.css" /> 
<link rel = "stylesheet" type = "text/css" href = "css/hp-services.css" />

我尝试了所有操作，就像我说的那样，它不适用于一个admin ejs文件，但是我从一个ejs文件中复制了代码，然后粘贴到了这个文件中，以查看它是否做了一些错误，但仍然无法正常工作。

任何帮助将不胜感激！我只是想克服这个烦人的步骤

Answer 1

在主CSS文件上使用Imoport文件的最佳解决方案

        @import url("bio.css");
        @import url("quote_form.css");
        @import url("hp-services.css");

        @import url("admin/admin_request-list.css");
        @import url("admin/admin_single-request.css");

CSS不适用于ejs文件

1 个答案: