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

Question

<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删除，后面会用到，现在只是需要隐藏，并且隐藏后原来的菜单位置不能空出，需要自动补上去；也不要用注释直接注释掉这条。
前端新手一枚，希望得到大家的帮助。。。。

Answer 1

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

Answer 2

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>