CSS не применяется к файлам ejs - PullRequest
Новая
       13

CSS не применяется к файлам ejs

0 голосов
/ 28 июня 2019

Мой код 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 (__ имя_директории, "общественность")));

в моих файлах ejs я включаю заголовочный файл ejs.

мой ejs-файл заголовка в папке include содержит все 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" />

Я попробовал все, и, как я сказал, он не работает для одного файла администратора ejs, но я скопировал код из одного файла ejs и вставил в него, чтобы увидеть, если я сделал какую-то ошибку, но она все еще не работает.

Любая помощь будет принята с благодарностью! я просто пытаюсь пройти этот раздражающий шаг

1 Ответ

0 голосов
/ 28 июня 2019

Лучшее решение для использования файлов Imoport в основном файле CSS 

        @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");
...