html - 我可以在移动设备上隐藏图片而不是 div 或类吗？

Question

我的响应式菜单中有一个内联图像，我希望它在进入移动模式时消失。我无法隐藏它所在的类或 div，因为它也会使菜单消失。

<div id="h-nav">
<ul id="css3menu0 class="topmenu">
<li class="topmenu"><img src="images/menulead.jpg" name="menulead" id="menulead" /></a></li>
</ul>
</div>

我试过将它添加到我的 css 中，但没有成功:

@media screen and (max-width:670px) {
.menulead img {display:none;}}

还有#menulead img {display:none;}}，以及没有'img'的两种方式，但它似乎没有用。是否可以根据图片id隐藏图片？

如果有助于理解我的意思，网址是temporarily up here .

Answer 1

尝试

@media screen and (max-width:670px) {
.topmenu img {display:none;}
 }

或

@media screen and (max-width:670px) {
  #menulead {display:none;}
 }

P.S.:并且不要将.topmenu 类分配给ul 和li

P.P.S:您在 id="css3menu0

后缺少一个结束双引号