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

在代码中明确表达总是更好。除非有一个特定的原因，你想避免给第二个图像一个自己的选择器而不是＆＃34;它似乎没必要＆＃34;，你应该通过使用那个选择器使你的代码更清晰，更容易阅读。如果您决定在图像之间添加更多元素，这可以避免出现问题，这显然会破坏您使用nth-child定位元素的css hack。避免使用额外的选择器会带来微不足道的性能提升，只会让您的代码更难以阅读未来的您和其他编码人员。

Answer 2

您可以为图片使用2个课程[您不想要]，然后您可以使用this：

.bookingForm img:nth-child(2) {
    margin:5.5em 0 0 10.5px;
}

如果图片都在同一个div bookingForm

中

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

2 个答案: