Javascript CSS和节点表示问题
所以,我只是在测试一些东西 我使用的是Express,只有Javascript CSS和节点表示问题,javascript,html,css,node.js,express,Javascript,Html,Css,Node.js,Express,所以,我只是在测试一些东西 我使用的是Express,只有body元素CSS选择器工作。如果我删除body标签,那么下一个容器可以工作,但是下面的容器不能 当我在ChromeDevTools中检查网络时,它说我的CSS文件已被获取 我还尝试将app.use(express.static(path.join(uu dirname,“/public”))更改为app.use(express.static('public'),但这仍然不起作用。JavaScript提取工作正常。我束手无策 对于我以后要
body
元素CSS选择器工作。如果我删除body标签,那么下一个容器可以工作,但是下面的容器不能
当我在ChromeDevTools中检查网络时,它说我的CSS文件已被获取
我还尝试将app.use(express.static(path.join(uu dirname,“/public”))
更改为app.use(express.static('public')
,但这仍然不起作用。JavaScript提取工作正常。我束手无策
对于我以后要做的事情,有额外的代码,比如body parser
和sqlite3
HTML:
Javascript:
//server.js
const express = require('express');
const app = express();
const sqlite3 = require('sqlite3');
const db = new sqlite3.Database('./acs-1-year-2015.sqlite');
const morgan = require('morgan');
const bodyParser = require('body-parser');
const path = require('path');
const PORT = process.env.PORT || 4001;
app.use(bodyParser.json());
app.use(morgan('dev'));
app.use(express.static(path.join(__dirname, '/public')));
app.get('/users', (req, res, next) => {
db.all("SELECT* FROM states", (err, rows) => {
res.json({rows:rows});
});
});
app.listen(PORT, () => {
console.log(`We are listening on PORT ${PORT}`);
});
好的,在调试会话之后,我们发现这与
Express
或JavaScript
或HTML
事件无关
问题在于CSS
本身。(令人兴奋的是吗?)
浏览器根本不喜欢选择器后面的分号
//styles.css
body{
text-align: center;
height: auto;
width: 100%;
}; < ---------------------------------- SEE THIS ? :)
.container1{
width: 750px;
height: 750px;
background-color: saddlebrown;
}; < ---------------------------------- SEE THIS ? :)
//styles.css
身体{
文本对齐:居中;
高度:自动;
宽度:100%;
};看到这个了吗
.集装箱1{
宽度:750px;
高度:750px;
背景色:马鞍色;
}; < ---------------------------------- 看到这个了吗?:)
因此,通过删除分号,一切都按预期进行
快乐造型 我很乐意帮忙!:)
//server.js
const express = require('express');
const app = express();
const sqlite3 = require('sqlite3');
const db = new sqlite3.Database('./acs-1-year-2015.sqlite');
const morgan = require('morgan');
const bodyParser = require('body-parser');
const path = require('path');
const PORT = process.env.PORT || 4001;
app.use(bodyParser.json());
app.use(morgan('dev'));
app.use(express.static(path.join(__dirname, '/public')));
app.get('/users', (req, res, next) => {
db.all("SELECT* FROM states", (err, rows) => {
res.json({rows:rows});
});
});
app.listen(PORT, () => {
console.log(`We are listening on PORT ${PORT}`);
});
//styles.css
body{
text-align: center;
height: auto;
width: 100%;
}; < ---------------------------------- SEE THIS ? :)
.container1{
width: 750px;
height: 750px;
background-color: saddlebrown;
}; < ---------------------------------- SEE THIS ? :)