在特定页面设置帆 css

Question

我正在使用 sails.js 框架

我想知道是否有一种方法可以让视图只使用一个 css 文件，而不使用布局中声明的其他文件？

即忽略其他 css 定义，只使用一个。

这可能吗？

Answer 1

是的。在呈现视图的方法内部，return 引用您要包含的样式表的值。

return res.view('someTemplate',{
    myStylesheet: 'link/to/your/stylesheet.css'
})

然后，如果我们的新值存在，请编辑您的 layout.ejs 文件以包含样式表。

<!DOCTYPE html>
    <html>
      <head>
        <title><%= title %></title>
        ...

        <% if(myStylesheet) { %>
        <link rel="stylesheet" href="<%= myStylesheet %>">
        <% } %>

        <!--STYLES-->
        <link rel="stylesheet" href="/some/other/stylesheet.css">
        <!--STYLES END--> 
        ...
    ...
...

如果提供了值，EJS 模板预处理器现在将只包含您指定的样式表。

在特定页面设置帆 css

Sails set css in specific page

node.js

sails.js