我的页面中有两张图片。我希望在用户使用触摸设备或不支持 Javascript 访问网站时显示第一个，方法是使用 Modernizr 定位他们。
页面顶部的菜单按钮：
<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。这里发生了什么事？