第一个图像的CSS选择器，仅在第一个子图像时

Question

有没有人知道是否可以定义一个CSS选择器来选择div中的第一个图像，但前提是它是div中的第一个子图像。

在jQuery中，我会使用这样的比较......

if ($('#div img:first-child') == $('#div>*:first-child')) {
  ...
}

Answer 1

By definition of "first-child"，选择器（假设您的div有id div）

#div img:first-child

已经这样做了。任何div的第一张图片都是

div img:first-child

但是，正如BoltClock的回答所指出的那样，如果img中的div元素嵌套得更深，则需要使用子选择器。

Answer 2

如果您只想选择img，则无需在jQuery中进行比较。只需合并你的两个选择器：

#div > img:first-child

这适用于jQuery和CSS。

Answer 3

这是一个简单的CSS选择器：

#div:first-child img:first-child