Html 为什么'；父对象的子对象是否复制父对象的背景图像？

我创建了如下网页：

代码是这样的：

*{
保证金：0；
填充：0；
}
html{
宽度：100%；
身高：100%；
字体系列：“Raleway”，无衬线；
}
身体{
宽度：100%；
身高：100%；
}
div{
背景图片：url（下载.jpeg）；
背景尺寸：封面；
身高：25%；
宽度：100%；
保证金：0；
z指数：1；
}
.组合{
身高：70%；
宽度：100%；
z指数：2；
}
.文本框{
身高：100%；
宽度：100%；
显示：表格；
}
h1{
文本对齐：居中；
字体大小：200%；
颜色：玉米丝；
显示：表格单元格；
垂直对齐：中间对齐；
}
navbar先生{
身高：30%；
宽度：100%；
}
.栏目{
身高：100%；
宽度：25%；
浮动：左；
显示：表格；
}
氢{
颜色：玉米丝；
显示：表格单元格；
垂直对齐：中间对齐；
文本对齐：居中；
}

演示
欢迎来到我的网站
家
画廊
活动
关于

这是因为使用

div

作为CSS选择器可以选择所有div。如果您想让图像位于它们的后面，请为包含的div指定一个类，并在该类上设置背景图像：

欢迎来到我的网站
家
画廊
活动
关于

.container{
背景图片：url（下载.jpeg）；
背景尺寸：封面；
}

我建议您使用

id

属性而不是

class

class

通常用于在一组元素上应用相同的样式，另一方面，

id

用于在特定元素上应用样式，因为id是唯一标识符。如果您将

class

属性更改为

id

，并使用

#

选择器应用CSS，效果会更好：

#容器{
背景图片：url（下载.jpeg）；
背景尺寸：封面；
}

W3C建议在何处使用ID而不是类进行样式设置？请参阅本文：。W3C说使用id表示单个元素，使用类表示多个元素。他想对单个元素应用样式，这就是为什么我告诉他使用id而不是class。对不起，我把它删掉了。但我在什么地方读过（我相信您也同意，如果我们要为单个元素设置样式，我们必须使用id。它与没有任何关联。它们的信息经常不正确、不完整或具有误导性。我不同意。类是为任意数量的元素设置样式的最佳方式，因为它们具有相同的固有特性。但是如果类是唯一最好的为什么W3C向我们提供ID？顺便说一句，我不知道W3C学校不隶属于W3C。我已经从答案中删除了W3C名称。ID属性除了样式之外还有许多其他用途，例如片段标识符和

aria labelledby

属性。