我正在创建一个行业部分，就像在 https://squareup.com 中看到的那样
我开始使用 nth-of-type 在 css 中调用不同的图像。 http://cssdeck.com/labs/full/vinttbws
但是，当它们不在同一父级时，它就不起作用了。我怎样才能让它发挥作用？
有没有另一种方法可以做到这一点，而不必为每个带有图像的行业制作一个 div 类？
最佳答案
你是对的，nth-of-type 不会工作，因为它们不共享同一个直接父级。
我强烈建议您按照您的建议为每个人创建一个新类(class)。
你也可以给每个 parent 一个不同的 id 然后你的 css 选择器会只要求 child :
#restaurant > a {
background-image:url(some/picture.jpg);
}
#retail > a {
background-image:url(some/other/picture.jpg);
}
我在这里做了一些例子(用颜色代替图片):http://jsfiddle.net/mo9yazjm/
编辑:我现在对您的 CSDeck 示例进行了更改:http://cssdeck.com/labs/t4xnpzgf
关于html - 如何用CSS调用不同的图片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29634985/