【问题标题】:CSS file not linking even though it's in the same fileCSS文件没有链接,即使它在同一个文件中
【发布时间】:2018-09-06 02:46:51
【问题描述】:

这两个文件都有正确的名称,并且位于完全相同的文件中。但是,由于某种原因,CSS 根本没有设置页面样式。非常感谢任何帮助!

这是我的 HTML:

<html>
<head>
    <link rel="stylesheet" type="text/css" href="app.css"/>
    <title>Transitions</title>
</head>
<body>
    <p id="show">BORING</p>
    <p class="animated box">ANIMATED</p>
</body>
</html>

这是我的 CSS:

body {
    background-color: red;
}

这是文件结构:

【问题讨论】:

  • 删除&lt;link rel="stylesheet" type="text/css" href="app.css"/&gt;中的/
  • 不要认为结尾/很重要
  • @j08691 有斜线没有错。
  • 检查文件 app.css 的拼写,同样在您的问题中,您说它们在同一个文件中,它们是否像我的答案中的图像一样位于单独的文件中?
  • @jhpratt 如果您花时间尝试验证该代码,那么您会看到有。尤其是没有文档类型。

标签: html css express


【解决方案1】:

首先尝试将您的views 文件夹设置为静态目录。

 app.use(express.static(__dirname + "/views"));

然后像这样引用:

<link rel='stylesheet' href='/app.css' />

让我知道这是否适合您。

【讨论】:

  • 'ejs' 文件是 HTML 等效文件。
  • 我刚刚尝试实现您编写的链接,但没有任何改变。无论如何感谢您的帮助。
  • 用新的解决方案编辑了我的答案,试一试,看看它是否适合你
  • 成功了!太感谢了!我完全被难住了。这应该是一件非常基本的事情,但它只是不起作用。再次感谢您!
  • 很高兴它帮到了你! :-)
猜你喜欢
  • 2013-10-21
  • 1970-01-01
  • 1970-01-01
  • 2020-04-10
  • 1970-01-01
  • 1970-01-01
  • 2023-02-10
  • 1970-01-01
  • 2010-09-27
相关资源
最近更新 更多