Css 如何调整MediaWiki中列表项之间的间距?

Css 如何调整MediaWiki中列表项之间的间距?,css,format,mediawiki,Css,Format,Mediawiki,在我主持的MediaWiki中,无序列表的间距很小,特别是在不同级别的项目之间。在下图中可以看到,第二级项目(香蕉)与其父项(苹果)之间的垂直间距大于第二级项目与后续项目(橙色)之间的垂直间距 到目前为止,我已经尝试向MediaWiki:Common.CSS添加一些CSS来纠正这个问题。我不是CSS专家,所以主要是反复试验。我最好的猜测是ul的边距顶部设置得太大,因此我尝试添加以下CSS: li { padding: 0px; margin: 0px; } ul { padding-top:

在我主持的MediaWiki中,无序列表的间距很小,特别是在不同级别的项目之间。在下图中可以看到,第二级项目(香蕉)与其父项(苹果)之间的垂直间距大于第二级项目与后续项目(橙色)之间的垂直间距

到目前为止,我已经尝试向MediaWiki:Common.CSS添加一些CSS来纠正这个问题。我不是CSS专家,所以主要是反复试验。我最好的猜测是ul的边距顶部设置得太大,因此我尝试添加以下CSS:

li { padding: 0px; margin: 0px; }
ul { padding-top: 0px; margin-top: 0px; }
不幸的是,这似乎没有帮助。如何删除此额外间距?

您可以尝试在css中使用“线条高度”

li{线高度:16px;}

或者您可以使用chrome的调试工具来了解它是填充还是边距

您可以尝试在css中使用“线条高度”

li{线高度:16px;}


或者您可以使用chrome的调试工具来了解它是填充还是边距

使用chrome的inspect工具是一个很好的建议。对于讨论中的ul,Chrome似乎表明以下样式覆盖了我在Common.css中提供的样式:.mw content ltr ul、.mw content rtl.mw content ltr ul{margin:0.3em 0.1.6em;padding:0;}使用!使用您的样式ul{padding top:0px!important;margin top:0px!important;}添加!重要标签修复了它!谢谢使用Chrome的检查工具是一个很好的建议。对于讨论中的ul,Chrome似乎表明以下样式覆盖了我在Common.css中提供的样式:.mw content ltr ul、.mw content rtl.mw content ltr ul{margin:0.3em 0.1.6em;padding:0;}使用!使用您的样式ul{padding top:0px!important;margin top:0px!important;}添加!重要标签修复了它!谢谢