css - 第一个图像的 CSS 选择器，仅当第一个孩子

Question

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

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

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

score 14 · Accepted Answer

根据 "first-child"的定义，选择器（假设你div有一个idof div）

#div img:first-child

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

div img:first-child

但是，正如 BoltClock 的回答所指出的，如果您可能将img元素嵌套在div.

score 12 · Accepted Answer

如果您只想选择img. 只需像这样组合您的两个选择器：

#div > img:first-child

这适用于 jQuery 和 CSS。

score 3 · Accepted Answer

3

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

#div:first-child img:first-child

于 2013-01-10T14:46:07.980 回答

3 回答 3