假设我的网页原始码是这样
<div>
<p>ABC</p>
<p><img......></p>
<p>DEF</p>
<p><img......></p>
</div>
CSS该怎么定义才能取到第一张图呢?
第一张图不一样是在第二行的位置，也续第一也许第三不固定
试过nth-child与nth-of-type都无法，主要卡在前面还有个p
求css解，目前不考虑js其他方法
麻烦各位高手了，谢谢

first-child

first-child 必须是类div元素, 所以你必须从p去指定但是你的p 是不固定的话就 ...

div>p:first-child {...}抱歉，没看清楚，选图的话应该可以这样div p>img:first-child {...}div>p:nth-child(2) img{...}方法有很多，看要怎么用而已@@也应该可以这样 div img:first-child {...}以上方法我是没试过可不可以用啦，要测测看才知道如果是我我会给类别比较实在，不然IE7看不懂

无解

">" 是用来选子项的，跟 "空格" 类似，只是后者不管A B 中间相隔多少层，而 A>B 的话 B 必须刚好是 A 的下层然后 :nth-child 的名字有个 child，它也是选子层的所以 :first-child 只会考虑 "它是自己上一层的子层的第一个"，所以即使写成 div img:first-child 也不行