img：首先選擇所有圖像

我在我的頁面中有兩個圖像。當用戶使用觸摸設備訪問網站或不支持JavaScript時，我希望第一個顯示出來，通過使用Modernizr對其進行定位。img：首先選擇所有圖像

菜單按鈕，在頁面的頂部：

<img src="menubutton.png" alt="Menubutton">

其他的圖像，它只是在一篇文章中使用的圖像：

<img src="image.jpg" alt="Image">

在我的CSS，我有這樣的：

.no-touch img:first-of-type, .no-js img:first-of-type { 
    display:none; 
}

現在，這項工作幾乎沒問題：圖像沒有顯示在我的筆記本電腦上，但顯示在我的iPad上。但是，第二張圖像並沒有顯示在我的筆記本電腦上。但是，第二張圖片雖然在我的iPad上顯示。另外，如果我通過使用ID來定位第一個圖像，它將以我想要的方式工作，但除非真的需要，否則我不能使用ID。這裏發生了什麼事？

2013-04-06 Epach

第一種選擇器有非常有限支持。它也將是其父元素中的第一個類型，而不是在整個文檔中，這可能是問題。

2013-04-06 19:51:10

非常有限？ http://caniuse.com/#feat=css-sel3 – jgillich 2013-04-06 19:52:42

嗯，我不知道它會選擇每個在其父元素的第一個類型。我用第一個孩子取而代之，這看起來有訣竅。應該早點考慮一下。感謝您指出了這一點：）。 – Epach 2013-04-06 19:53:53

@ jgillich - 只有最新一代瀏覽器支持它，正如你所看到的，所以有這麼多人固執地不升級，是的，它是有限的！ – 2013-04-06 19:58:59

回答