小编Axw*_*ell的帖子

我试图编写一个响应式菜单。它实际上是可行的，但是我无法在CSS中获得on clik效果。目前，我正在使用悬停。当屏幕宽度小于750像素时，如何使它变大，我必须单击图片上的菜单。2（ul）以显示图片菜单。第3个（li）？这是一个一页网站，因此当我从下拉菜单中单击某个元素时，它应该隐藏菜单agin（li）。

HTML：

<header>
    <nav id="menu">
        <ul>
            <li class="li"><a href="#">WITAJ</a></li>
            <li class="li"><a href="#">O MNIE</a></li>
            <li class="li"><a href="#">DO?WIADCZENIE</a></li>
            <li class="li"><a href="#">CO ROBI??</a></li>
            <li class="li"><a href="#">KONTAKT</a></li>
            <li><a href="#">MOJE PRACE</a></li
        ></ul>
    </nav>
</header>

CSS：

@media screen and (max-width: 750px) {      
    header nav#menu ul:hover > li{
        display:block !important;
    }

    header nav#menu ul li{
        display:none !important;
    }
}