css - 在 div CSS 中选择不同的图像标签

Question

我在 div 中有两张图片，我想对其应用不同的定位。两者之间是一个表格。我使用 .bookingForm img 定位了第一张图片，但不确定如何定位第二张图片。
我试过 .bookingForm img:nth-child(even) 但它似乎没有用，我不确定我是否应该使用它。

此外，似乎没有必要只为做一件事而添加选择器，但我不确定是否还有其他方法。我认为在图像上放置两个不同的类似乎也不对。

这是我的 CSS

.bookingForm img {
  width: 200px;
  margin: 90px 0 0 170px;
}

.bookingForm img:nth-child(even) {

}

Answer 1

最好在代码中明确说明。除非有特定的原因你想避免给第二个图像一个自己的选择器而不是“它看起来不必要”，你应该通过使用该选择器使你的代码更清晰和更容易阅读。如果您决定在图像之间添加更多元素，这可以避免以后出现问题，这显然会扰乱您使用 nth-child 定位元素的 css hack。避免额外的选择器提供的性能提升微乎其微，只会让你的代码对 future 的你和其他编码人员来说更难阅读。