对于我的HTML/CSS类,我分配了一个网页并使其响应。其中一个条件是,当屏幕尺寸处于移动屏幕尺寸时,我们必须制作汉堡式菜单。嗯,我想出了除了如何让菜单下拉菜单项点击(可能不可能与只是CSS,所以:主动或:悬停会这样做)的一切。我们不允许使用任何JavaScript ..CSS/HTML - 带CSS的汉堡菜单
我想知道如何更改列表显示属性以阻止IMG处于悬停/活动状态。
相关HTML部分:
对手机屏幕的CSS:
@media screen and (max-width: 500px) {
.mobile-collapse {
width: auto;
float: none;
}
.hide-mobile {
display: none;
}
.nav {
padding-left: 0%;
}
.nav ul li {
display: none;
}
.nav img {
display: block;
height: 50px;
}
}
所以总结起来,我想知道我怎么可以改变.nav ul li到display:block时.nav img是徘徊..