css-selectors - CSS 从多个图像中选择特定图像

Question

如何从多张图片中选择一张图片？

例如，我得到了这些图像:

<img src="smiley1.gif">
<img src="smiley2.gif">
<img src="smiley3.gif">
<img src="smiley4.gif" alt="Smiley face">
<img src="smiley5.gif" alt="Smiley face">
<img src="smiley6.gif" alt="Smiley face">

我可以使用 :not 选择器选择前 3 个:

img:not([alt])

我想我可以像这样选择第二个:

img:not([alt]):nth-child(2)

但是它不起作用。例如，我如何选择第二个？

Answer 1

使用:nth-of-type(n)

img:not([alt]):nth-of-type(2) {
background: #ff0000;
}

<img src="smiley1.gif">
<img src="smiley2.gif">
<img src="smiley3.gif">
<img src="smiley4.gif" alt="Smiley face">
<img src="smiley5.gif" alt="Smiley face">
<img src="smiley6.gif" alt="Smiley face">