How to add conditional css in ejs layout

Question

I have ejs layout like this on my views/layout.ejs

<html>
<head>
<title>title</title>
</head>
<body>
<%- body %> 
</body>
</html>

Then, on my views/login/login.ejs I have.

<h1 class="login">Login</h1>

I'm trying to link css file with my login.ejs file, but how I do that? I've already read this , It says that we should use conditional statement in layout.ejs but I don't really understand since it's wrote in asp language.

Answer 1

To conditionally add CSS, you simple use plain JavaScript within EJS tags:

<head>
   <title>title</title>
   <% if (condition) { %>
     <link rel="stylesheet" href="/path/to/main.css">
   <% } %>
</head>

/path/to/main.css is resolved by your server, not EJS. condition can be anything JavaScript can do. For example:

<% if (path === '/login') %>

How to add conditional css in ejs layout

Question

1 answers

solution1
0 2021-01-04 14:42:12

How to add conditional css in ejs layout

Question

1 answers

solution1 0 2021-01-04 14:42:12

solution1
0 2021-01-04 14:42:12