第一张图片的CSS选择器，只有第一个孩子

Question

有谁知道是否有可能定义一个CSS选择器，选择div中的第一个图像，但只有它是div内的第一个子图像。

在jQuery中我会用一个比较像这样...

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

Answer 1

By definition of "first-child"，选择（假设你的div过的div的id）

#div img:first-child 

已经做到这一点。任何div的第一张图片是

div img:first-child 

然而，随着BoltClock的回答指出，如果你可能在div嵌套更深img元素需要的孩子选择。

Answer 2

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

#div:first-child img:first-child 

Answer 3

你不需要在所有做一个比较jQuery中你想要做的是选择img。只需结合你的两个选择器，如下所示：

#div > img:first-child 

这适用于jQuery和CSS。