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

第一个图像的CSS选择器,仅当第一个子图像,css,css-selectors,Css,Css Selectors,有人知道是否可以定义一个CSS选择器来选择div中的第一个图像,但前提是它是div中的第一个子图像 在jQuery中,我会使用类似这样的比较 if ($('#div img:first-child') == $('#div>*:first-child')) { ... } 这是一个简单的CSS选择器: #div:first-child img:first-child 如果您只想选择img,则不需要在jQuery中进行比较。只需按如下方式组合两个选择器: #div > img:

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

在jQuery中,我会使用类似这样的比较

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

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

#div:first-child img:first-child

如果您只想选择
img
,则不需要在jQuery中进行比较。只需按如下方式组合两个选择器:

#div > img:first-child
这在jQuery和CSS中都有效。

,选择器(假设您的
div
具有
id
div

他已经这么做了。任何
div
的第一个图像都是

div img:first-child

但是,正如BoltClock的回答所指出的,如果您可能在
div
中嵌套了
img
元素,则需要使用子选择器。如果存在其他嵌套的
div
元素,则需要使用子选择器。或者,
img
可能是
div
下的第一个子元素的任何其他嵌套元素。这不是比较两个jQuery选择器结果的方式。您需要改为使用。这仅在
#div
本身是其父级的第一个子级时有效,在问题中没有提到这一点。
div img:first-child