背景div没有显示

问题描述 投票:-1回答:1
<!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部分,但它根本不显示。

html background
1个回答
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>
© www.soinside.com 2019 - 2024. All rights reserved.