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

Question

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

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

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

Answer 1

通过"第一子"的定义,选择(假设你div有一个id的div)

#div img:first-child

已经那样做了.任何第一张图片div都是

div img:first-child

但是,正如BoltClock的答案所指出的那样,如果你可能有img更深层次嵌套的元素,则需要使用子选择器div.

Answer 2

如果要做的就是选择那个,你不需要在jQuery中进行比较img.只需组合两个选择器,如下所示:

#div > img:first-child

这适用于jQuery和CSS.