Html 列表样式图像不显示图像

Html 列表样式图像不显示图像,html,css,Html,Css,我正在努力实现的目标: 对于直接嵌套在section元素中的h2标题之后的无序列表,请创建一个样式规则,将图像文件flake.png显示为项目符号标记 我正在使用什么来完成此任务:(不成功) 我没有执行上述操作,而是从选择器中删除了“section h2>”,它使用了下面的内容 ul { list-style-image: url(flake.png); } 显然,上面所说的并不是说明中所要求的,所以我想知道我做错了什么 对于直接在节元素中嵌套的h2标题之后的无序列表 加号被称为相邻选

我正在努力实现的目标:

对于直接嵌套在section元素中的h2标题之后的无序列表,请创建一个样式规则,将图像文件flake.png显示为项目符号标记

我正在使用什么来完成此任务:(不成功)

我没有执行上述操作,而是从选择器中删除了“section h2>”,它使用了下面的内容

ul {
    list-style-image: url(flake.png);
}
显然,上面所说的并不是说明中所要求的,所以我想知道我做错了什么

对于直接在节元素中嵌套的h2标题之后的无序列表

加号被称为相邻选择器。它将只选择前一个元素前面的元素

section>h2+ul{
列表样式:方形;
颜色:红色;
}

一些标题
  • 矫揉造作
  • 不受影响

最好说您的选择器与正确的元素不匹配。非常感谢您这么快回复我。你的建议非常有效。我现在明白怎么做了!
ul {
    list-style-image: url(flake.png);
}
section > h2 + ul {
    list-style-image: url(flake.png);
}