在新的WordPress主题编写出来之后，我发现了一个非常令人头疼的问题，就是主导航栏中的每一个栏目之间都有一个类似于空格的间隔，分析网页结构，很难发现到底是什么属性让两组<li></li>之间有了间隔，大大影响了美观。

类似的简化HTML代码如下：

即普通的有序列表的结构。

经过反复的调试，不论是修改li的任何属性，都不会改变中间空隙的问题，最后经过在网上的检索，终于找到了解决方式。

这种问题出现通过修改li是不起任何作用的，还是要从li的上层父级标签<ul></ul>入手。只需为ul的CSS添加这样的一条属性：font-size: 0; 就可以解决问题。

分析产生这种问题的原因，便是浏览器默认格式的错误（user agent stylesheet），就像是每一个css必须要有* {padding:0;marging:0}；这样的代码一样。由于浏览器默认格式的优先级最低，所以如果有用户的CSS样式，就会把默认的格式给清除掉。