Html 为什么div标签不阅读提到的类？

我希望我的div标签的背景颜色与body背景颜色不同，但我的浏览器仅显示第一个div颜色已更改，而不是第二个div颜色。为什么?

正文{
背景色：亚麻布；
}
.姓名{
背景颜色：黄色；
}
.头衔{
背景色：rgb（255,0,0）
}

我们的博客
O
M
F

不是因为

名称

容器没有背景颜色，而是因为它没有高度：

.name{
背景颜色：黄色；
边框：实心1px绿色；
}

M
F

没有人。名称类仍然没有更改颜色您在我的回答中单击“运行代码段”了吗…？是的，它在这里工作，但当我在代码中执行相同操作时，上面div的背景颜色封装了名称类div