假設我的網頁原始碼是這樣
<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 也不行