<!doctype html>
<html>
<style type="text/css">
body {
background-color: #444669;
}
#1 {
background-color: #DD2124;
height: 337px;
width: 388px;
}
</style>
<body>
<div id="1"></div>
</body>
</html>
我试图制作一个具有不同背景颜色的div部分,但它根本不显示。
CSS中的Id不能以数字开头。简单地将#1
更改为例如#first
应该可行。
预习:
https://jsfiddle.net/uLwn05q2/
<!doctype html>
<html>
<style type="text/css">
body {
background-color: #444669;
}
#first {
background-color: #DD2124;
height: 337px;
width: 388px;
}
</style>
<body>
<div id="first"></div>
</body>
</html>
更新:
有一个技巧可以用来将id实际保存为数字:
<style type="text/css">
body {
background-color: #444669;
}
[id='1'] {
background-color: #DD2124;
height: 337px;
width: 388px;
}
</style>