如何将图像不透明度与CSS中的第n个子项或第n个类型结合使用？

这些答案帮助我以我想要的不透明度显示图像，这很好，但问题是我想要显示的下一个图像没有被选中（我想要鼓一次，而不是第二排的电吉他）：

.concert.details.bg图像：第n个类型（8n+1）{
位置：绝对位置；
z指数：-1；
排名：0；
右：0；
底部：0；
背景：url（drums.png）66%33%；
不透明度：0.2；
宽度：33%；
身高：100%；
}
.concert.details.bg图像：第n个类型（8n+2）{
位置：绝对位置；
z指数：-1；
排名：0；
右：0；
底部：0；
背景：url（electrickitter.png）66%33；
不透明度：0.2；
宽度：33%；
身高：100%；
}

{%用于音乐会中的音乐会%}
{{concert.date.day}
{{音乐会日期|日期：'F'}
{{concert.date.year}
{{concert.headliner}}
{{concert.support}
{{concert.price}
{{concert.notes}
{{concert.vention.address}
{%endfor%}

您需要在concert上输入第n个类型（bg image始终是details div的第一个子项）：

/*通过将所有共享样式添加到一个类中，可以减少css*/
.音乐会.细节.背景图片{
位置：绝对位置；
z指数：-1；
排名：0；
右：0；
底部：0；
不透明度：0.2；
宽度：33%；
身高：100%；
}
/*然后你就改变你的背景*/
.concert:n个类型（8n+1）。详细信息。背景图像{
背景：url（drums.png）66%33%；
}
.concert:n个类型（8n+2）。详细信息。背景图像{
背景：url（electrickitter.png）66%33%；
}

您在第二个

背景中有一个打字错误：结尾缺少“%”