首页 > ul做的导航栏,怎么隐藏其下的某一个子项li?

ul做的导航栏,怎么隐藏其下的某一个子项li?

<ul>
        <li class="icon"><img src="./img/icon.png"></li>
        <li><a href="./index.html">首页</a></li>
        <li><a href="./intro.html">关于我们</a></li>
        <li class="li-now"><a href="./app.html">APP开发</a></li>
        <li><a href="./wechat.html">微信开发</a></li>
        <li><a href="./web.html">网站建设</a></li>
        <li><a href="./coop.html">战略合作</a></li>
        <li>400-037-3338</li>
    </ul>

不能把那个li删除,后面会用到,现在只是需要隐藏,并且隐藏后原来的菜单位置不能空出,需要自动补上去;也不要用注释直接注释掉这条。
前端新手一枚,希望得到大家的帮助。。。。


display: none;
使用css选择器来选择第几个隐藏


https://jsfiddle.net/papersnake/648opz3n/

display:none 不可以么?

<ul>
        <li class="icon"><img src="./img/icon.png"></li>
        <li style="display: none;"><a href="./index.html">首页</a></li>
        <li><a href="./intro.html">关于我们</a></li>
        <li class="li-now"><a href="./app.html">APP开发</a></li>
        <li><a href="./wechat.html">微信开发</a></li>
        <li><a href="./web.html">网站建设</a></li>
        <li><a href="./coop.html">战略合作</a></li>
        <li>400-037-3338</li>
    </ul>
【热门文章】
【热门文章】