第一張圖片的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。