如何在jade中使用css？答案

【问题标题】：how to use css in jade?如何在jade中使用css？
【发布时间】：2014-05-26 12:19:43
【问题描述】：

最后，我发现快递找不到本地css文件的情况。

然后我修复我的代码。

我按照提示使用了链接词，但还是看不到css文件调用成功。

app.js

  var
    express = require('express')
  , cons = require('consolidate')
  , jade = require('jade')
  , path = require('path')

var app = express()

app.engine('jade', cons.jade)
app.use('/views',express.static(__dirname + '/views'))
app.use("/styles", express.static(__dirname + '/styles'));
app.set('view engine', 'jade')

app.use(function (req, res) {
  res.render('layout')
})

app.listen(3000);

/views/layout.jade

html
    link(rel='stylesheet', href='../styles/word.css', type='text/css')
head
  body
    p#para1 Just test css in jade.

/styles/word.css

p
{
text-align:center;
color:red;
}

这似乎是一个愚蠢的问题，我在问题中发布了太多代码，所以非常感谢您阅读

【问题讨论】：

您是否在 Google Chrome 或类似工具中检查了网络管理器，以确保确实找到了该文件？
是拼写错误，还是您尝试在您的 css 在 word.css 中时加载 test.css ？
对不起，我已经把 test.css 改成了 word.css。
可能重复stackoverflow.com/questions/7956038/…
可能会放弃相对要求并定义 href 像 soooo href='/styles/word.css'

标签： css node.js pug

【解决方案1】：

尝试启动服务器，运行页面，右键单击查看源代码并单击您的 css 链接以查看它是否真正正确链接到您的页面。

如果它不像@grobot 所说的那样可能是目录问题。

【讨论】：