Css 用不同的颜色微调两个div的样式

我想为两个嵌套的div设置背景，外部的有红色背景，而内部的有蓝色背景，但不起作用。如何使用背景色将这两个正方形设置为两个级别

#d1{
宽度：200px；
背景色：红色；
}
#d2{
宽度：150px；
背景颜色：蓝色；
边界半径：10px；
}

文本内容在这里。。。

ID标识符不允许以数字开头。

因此您需要更改ID名称，或者可以像这样添加css:

[ID='1']

谢谢！这个答案很有用。这里什么不起作用？我只是根据@MinalChauhan的注释修改了代码。现在好了。