Question

我是js的新手，我正在跟随一个教程来学习node.js。我使用了中间件，并尝试将CSS文件改编成页面。但是，即使我只是将整个样式部分从html文件复制并移动到css文件中，也只有css文件的一部分无效。

这是我的style.css。

<style type="">
body {
    background: skyblue;
    font-family: verdana;
    color: #fff;
    padding: 30px;
}
h1 {
    font-size: 48px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
h2 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
p, li {
    font-size: 16px;
    text-align: center;
}

只有background: skyblue这部分无效。

我处理静态文件的部分就是这样。 app.use('/assets', express.static('assets'))

所有其他样式都可以使用，我不知道是什么原因。

Answer 1

从CSS中删除// SERVICE @Injectable () export class ViewService { constructor (private http : HttpClient) { } foo () : Observable <any> { return this.http.get ("http://blabla", {responseType: "json"}); } } // COMPONENT export class ViewComponent { constructor (private vs : ViewService) { } ngOnInit () { this.vs.foo ().interval (1000).startWith (0).subscribe ( (resp) => { }); } }。那是HTML，而不是CSS。

Answer 2

天蓝色等于#87CEEB-可能会尝试改成十六进制颜色，因为node.js似乎无法解释skyblue颜色。您可以在这里CSS Colors

看到颜色参考

Answer 3

不可能只有CSS的一部分无法正常工作。

检查正文标记，并从中选择背景样式。在当前从中选择背景样式的CSS文件之后添加CSS。我最可能的猜测是它正在从其他文件中选择背景样式。

确保没有提供背景样式的文件内嵌CSS。

或使用

背景：天蓝色！重要；

CSS文件中只有一部分无效

3 个答案: