Html img：第一种类型选择所有图像

我的页面中有两个图像。我希望当用户使用触摸设备或不支持Javascript访问网站时，通过使用Modernizr将目标锁定在他们身上，第一个会出现

页面顶部的菜单按钮：

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

---

现在，这几乎可以正常工作了：图像没有显示在我的笔记本电脑上，而是显示在我的iPad上。但是，第二张图像也没有显示在我的笔记本电脑上。然而，第二张图片却出现在我的iPad上。另外，如果我使用ID来定位第一个图像，它会按照我想要的方式工作，但是除非真的需要，否则我不能使用ID。这里发生了什么？

第一个类型选择器的支持非常有限。它也将是其父元素中的第一个类型，而不是整个文档中的第一个类型，这很可能是问题所在。

Hmm，我不知道它会选择其父元素中的每个第一个类型。我用第一个孩子代替了它，这似乎起到了作用。我应该早点考虑的。谢谢你指出：）。@jgillich-正如你所看到的，只有最新一代的浏览器支持它，所以有这么多人顽固地不升级，是的，它是有限的@NickCardoso我们对有限的定义可能不同。IE8不支持任何较新的HTML5，但这一款甚至可以在Android 2.1上运行。

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

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