CSS中为特定的元素设置背景图片(Top1,Top1,Top3)

&:nth-child(1) .img span{
            background: url(/static/home/hot/top1.png) no-repeat; background-size: 100% auto;
        }

上端代码使用了:nth-child()伪类选择器来选择父元素下的特定子元素，并对这些子元素内部的.img span设置背景图片和背景尺寸。

1. &:nth-child(1) .img span：选择父元素下的第一个子元素（:nth-child(1)），然后在这个子元素内部寻找.img类下的span元素。为这个span元素设置背景图片为/static/home/hot/top1.png，背景不重复（no-repeat），并且背景图片的尺寸被设置为100%的宽度和自动的高度（background-size: 100% auto;）。

2. &:nth-child(2) .img span：选择父元素下的第二个子元素（:nth-child(2)），然后同样在这个子元素内部寻找.img类下的span元素。为这个span元素设置背景图片为/static/home/hot/top2.png，背景设置同上。

3. &:nth-child(3) .img span：选择父元素下的第三个子元素（:nth-child(3)），然后在这个子元素内部寻找.img类下的span元素。为这个span元素设置背景图片为/static/home/hot/top3.png，背景设置同上。

这里的&符号通常在预处理器（如Sass或Less）中使用，代表父选择器的引用。如果这段代码是在纯CSS中，那么&应该被替换为实际的父选择器名称，或者是直接写在样式表的上下文中，不需要&。

简单来说，这段代码的目的是为列表中前三个项目的.img类下的span元素分别设置不同的背景图片，且这些图片在各自的元素中不重复显示，宽度填满元素，高度自动调整。