Question

<!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的一部分具有不同的背景颜色，但它甚至根本不显示。

Answer 1

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>

背景div不显示

1 个答案: